Alineació vertical o centrat vertical utilitzant DIV

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>
Tags:
,