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 */
}
Packs de recursos a precios increíbles
Aprovecha la ocasión y hazte con alguno de estos packs con recursos de calidad para profesionales, ahora a precios muy rebajados:
Pack rebajado un 99%1000 fotos rebajadas un 64%

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 ›

Escribe un comentario