html-css

Alineación vertical o centrado vertical utilizando DIV

Siempre me he encontrado con el problema de alinear verticalmente un div para evitar tener que estar modificando el padding cuando el tamaño del texto es demasiado largo y ocupa dos filas… pues bien aqui os dejo el apunte de como centrar el div verticalmente con css y hacer esa alineacion automatica tal cual las hacemos cuando utilizamos una tabla… y es mediante css…

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

<div class="contenedor">
<div class="contenido-a-centrar">
TEXTO QUE SIEMPRE NOS DA PROBLEMAS Y QUEREMOS CENTRAR VERTICALMENTE
</div>
</div>

Esto servirá para alinear el texto html verticalmente, centrar el texto con css de forma vertical, alinear varios div verticalmente, etc.

¿Necesitas ayuda con el desarrollo de tu web? Contáctanos si necesitas ayuda y te informaremos de nuestros servicios profesionales.