Truco CSS: Centrado vertical

Centrar un elemento horizontalmente es bastante sencillo utilizando ‘margin:0 auto’ y ‘text-align:center’, pero hacerlo verticalmente suele ser normalmente un sinónimo de complicarnos un poquito más la vida o de probar distintas cosas.

Una solución que funciona siempre que sepamos las dimensiones verticales del contenedor es la de line-height, propiedad a la que deberemos de dar como valor el tamaño del contenedor, quedando el contenido totalmente centrado.

div p{
	line-height:53px; /* Altura del div */
}

Categorías

CSS

Carlos Sánchez

Una de mis pasiones es el diseño, y de hecho trabajo como diseñador de interfaces para aplicaciones de iOS, además de hacer de vez en cuando... Ver perfil ›

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *