Vertikal zentriert einen Titel mit fixer Höhe in css

Question

Ich habe einen Header

<h1>My Header</h1>

Es hat eine Höhe von 150px und font-size von sagen 1.3em; Wie kann ich den Header Text vertikal mit CSS zentriert. Ich würde lieber nicht wickeln Sie es in einem Container DIV (Verpackung divs wirklich die ganze CSS Idee besiegen).

Answer 1

Der beste Weg ist es, diese Regel hinzuzufügen:

h1 {
    line-height: 150px;
}

Sie müssen nicht den Höhenwert setzen, und die Schriftgröße wirkt sich nicht auf die vertikale Ausrichtung befindlich sind.

Answer 2

Wenn die Höhe des Titels 150px ist, könnten Sie setzen auch den line-height auf 150px?

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