html vertikale Ausrichtung und richten Sie das Zentrum in h2-Tag aus

Um das Element auf der Seite zu zentrieren (horizontal UND vertikal), können Sie Ränder verwenden. Es gibt verschiedene Möglichkeiten, dies zu tun; Das ist nur einer von ihnen. Die Ränder sind halb so groß wie das Containerelement. Beispiel:

HINWEIS : Die Eigenschaft "lotrecht ausrichten" funktioniert mit Bildern, nicht mit Text. Daher müssen Sie andere Lösungen finden, um Ihren Text auf einer Seite oder in einem Element zu zentrieren. Ein Weg ist das; Ränder.

Ein Nachteil dieses Ansatzes ist die Tatsache, dass das Zentrum des Elements nicht dazu verwendet wird, es auf der Seite zu zentrieren; es wird sozusagen von den Grenzen des Elements in die Mitte geschoben. Dies bedeutet, dass sich bei größeren Elementen die linke obere Ecke in der Mitte der Seite befindet und nicht der Mittelpunkt des Elements. Sie können dies beheben, indem Sie bei der Größe des Elements negative Ränder verwenden. Sie müssen die Größe des Elements kennen, das Sie zentrieren. Beispiel:

Wenn das zu zentrierende Element (Klasse .zentriert) 200 x 100 Pixel groß ist, würde das CSS , um es vom Mittelpunkt des Elements zu zentrieren, wie folgt aussehen:

Der Stil, nach dem Sie suchen, heißt eigentlich text-align , nicht align . Außerdem wird Ihnen der vertical-align Stil hier nicht helfen, wenn Sie den Header in seiner Zelle vertikal ausrichten wollen. Versuchen Sie Folgendes: