html-css

Alineació vertical o centrat vertical utilitzant DIV

Sempre m’he trobat amb el problema d’alinear verticalment un div per evitar haver d’estar modificant el padding quan la mida del text és massa llarg i ocupa dues files doncs bé aquí us deixo l’apunt de com fer aquesta alineació automàtica tal qual les fem quan utilitzem una taula i és mitjançant css

.contenedor{display:table;height:500px}
.contenido-a-centrar{display:table-cell;vertical-align:middle;}

<div class="contenedor">
<div class="contenido-a-centrar">
TEXT QUE SEMPRE ENS DÓNA PROBLEMES I VOLEM CENTRAR VERTICALMENT
</div>
</div>