0

 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 */
}
Comenta esta noticia
Se el primero
Puntua esta noticia
No me gustaMe gusta (sin puntuar)
Etiquetas: , ,

Categoría:

Publicidad
Publicidad