centre Verticalement un titre avec une hauteur fixe dans

Question

Je css un en-tête

<h1>My Header</h1> 

Il a une hauteur de 150px et un font-size de dire 1.3em; Comment puis-je faire le texte d'en-tête centré verticalement avec CSS. Je préférerais ne pas l'envelopper dans un conteneur DIV (les divs d'emballage vraiment vaincre toute l'idée de CSS).

Answer 1

La meilleure façon est d'ajouter cette règle:

h1 { 
    line-height: 150px; 
} 

Vous n'avez pas besoin de définir la valeur de la hauteur et la taille de la police ne porte pas atteinte à l'alignement vertical.

Answer 2

Si la hauteur du titre est 150px, pourriez-vous également définir le line-height à 150px?

h1 
{ 
    font-size: 1.3em; 
    line-height: 150px; 
    height: 150px; 
}