Wie Sie den Text in der Mitte ein DIV ausrichten

Der HTML-Code "< Div >" definiert einen Abschnitt des HTML-Dokuments. Es wird verwendet, um einen bestimmten Teil des Dokuments Stile hinzuzufügen. Sie können eine beliebige Anzahl von DIVs in ein einzelnes HTML-Dokument platzieren. Wenn Sie einen Abschnitt der Seite mit einem DIV erstellt haben, können Sie die Cascading Style Sheet "Textausrichtung" und "Vertical-align" Eigenschaften den Text sowohl horizontal als auch vertikal in der Mitte des Bereichs platziert.

Anweisungen

1 Ein nur-Text-Dokument in einem beliebigen Texteditor zu öffnen.

2 Geben Sie die Zeilen:

< html >

< Körper >

das HTML-Dokument zu starten.

3 Geben Sie die Zeilen:

< Div Style = "Text-align: center; Vertical-align: middle; " >

< H1 > dieser ist zentriert Text < / h1 >

< / Div >

Erstellen Sie ein DIV mit dem zentrierten Text.

4 Geben Sie die Zeilen:

< / body >

< / html >

der DIV-Container und das HTML-Dokument zu schließen.

5 Speichern Sie die Datei mit der Endung ".html".

6 Öffnen Sie das HTML-Dokument in einem beliebigen Browser zum Anzeigen der Datei.