Centrar verticalmente un título con altura fija en CSS
-
08-07-2019 - |
Pregunta
Tengo un encabezado
<h1>My Header</h1>
Tiene una altura de 150px
y un tamaño de fuente
de say 1.3em;
¿Cómo puedo hacer que el texto del encabezado esté centrado verticalmente con CSS?
Prefiero no envolverlo en un contenedor DIV (envolver divs realmente vence a toda la idea CSS).
Solución
La mejor manera es agregar esta regla:
h1 {
line-height: 150px;
}
No necesita establecer el valor de altura, y el tamaño de fuente no afecta la alineación vertical.
Otros consejos
Si la altura del título es de 150 px, ¿podría establecer también el line-height
en 150px?
h1
{
font-size: 1.3em;
line-height: 150px;
height: 150px;
}
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow