Centrar texto verticalmente con css

Tags:

Centrar verticalmente un texto dentro de una div puede lograrse estableciendo dentro del CSS el alto de línea del texto igual al alto total de la div. Así, el texto ubicado dentro de la div se centrará verticalmente en ella.

El único problema surge cuando el texto tiene más de una línea, donde se desfasaría todo. Pero si tu situación es que quieres centrar un título de un bloque, o cualquier texto que sólo ocupe un renglón, la solución es sencilla.

Entonces, para centrar el contenido de la div deberías tener lo siguiente en el CSS:

#texto-centrado{
   height: 35px; /* alto de la div */
   line-height: 35px; /* esto es lo que centra el texto verticalmente */
}

Y sólo eso. Ahora bien, si quieres centrar verticalmente un texto del cual no sabes su extensión, la solución es un poco más compleja.