Centrare verticalmente un titolo con altezza fissa in css

Question

Ho un'intestazione

<h1>My Header</h1>

Ha un'altezza di 150px e un font-size di 1.3em; Come posso rendere il testo dell'intestazione centrato verticalmente con CSS. Preferirei non avvolgerlo in un contenitore DIV (il wrapping di div sconfigge davvero l'intera idea CSS).

Answer 1

Il modo migliore è aggiungere questa regola:

h1 {
    line-height: 150px;
}

Non è necessario impostare il valore dell'altezza e la dimensione del carattere non influisce sull'allineamento verticale.

Answer 2

Se l'altezza del titolo è 150px, puoi anche impostare line-height su 150px?

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