# HTML Centering: Text zentrieren mit CSS Das Tag `
` für die HTML-Text-Zentrierung wurde mit HTML5 abgeschafft. Um einen Text in HTML zu zentrieren, nutzt man seitdem CSS. Da der erforderliche Parameter `text-align` bereits im `style`-Tag den Aufbau des Dokuments festlegt, entsteht ein übersichtlicherer Code und Fehler können vermieden werden. ## Center HTML-Text: Wie zentriert man Texte in HTML? Für das HTML-Centering, also das Zentrieren von Texten in einem HTML-Dokument, nutzt man heute den [CSS-Befehl](https://www.ionos.de/digitalguide/websites/webdesign/css-befehle/) `text-align`. Mithilfe dieser Anweisung wird der jeweilige Text horizontal formatiert. Lange Zeit wurde zu diesem Zweck das mittlerweile veraltete HTML-`
`-Tag verwendet. Diese Methode wird seit [HTML5](https://www.ionos.de/digitalguide/websites/web-entwicklung/was-ist-html5/) **nicht mehr unterstützt**. ## HTML Centering mit `text-align` in CSS Seit HTML5 hinterlegen Sie die Anweisung, einen Text in HTML zu zentrieren, im [style-Tag](https://www.ionos.de/digitalguide/websites/web-entwicklung/html-style/). Diesen Vorgang können wir am einfachsten an einem kleinen Beispiel veranschaulichen. Im folgenden Code setzen wir die Headline, den Text und einen [HTML-div](https://www.ionos.de/digitalguide/websites/web-entwicklung/html-div/)-Container in unserem HTML-Dokument mittig: ```html

Hier steht Ihre Überschrift

Hier ist Platz für Ihren Inhalt.

An dieser Stelle befindet sich ein div.
``` Der Aufbau des Dokuments wird somit bereits im Vorfeld festgelegt. Dies sorgt dafür, dass der Code übersichtlich bleibt und Fehler vermieden werden. ## Das veraltete HTML-`
`-Tag In älteren Versionen der Webprogrammiersprache kam das [HTML-Tag](https://www.ionos.de/digitalguide/websites/web-entwicklung/html-tags/) `
` zum Einsatz, das wir Ihnen der Vollständigkeit halber ebenfalls zeigen wollen. Da es veraltet ist und nicht länger unterstützt wird, sollten Sie allerdings **unbedingt auf die CSS-Lösung zurückgreifen**. Die Syntax von `
` für HTML-Text gestaltete sich wie folgt: ```html

Text

``` Im nachfolgenden Beispiel können Sie sehen, wie das HTML-`
`-Tag in der Praxis genau eingesetzt wurde. Anders als bei der modernen Lösung musste man den Code direkt im [Body](https://www.ionos.de/digitalguide/websites/web-entwicklung/html-body/) ändern, um Text in HTML mittig zu setzen. Je nach Umfang und Aufbau führte dies zu einem **unübersichtlichen Code** und war im Vergleich deutlich fehleranfälliger: ```html

Hier steht ein Text, der nicht zentriert wurde.

Hier steht ein Text, der zentriert wurde.

``` Das Ergebnis sieht in etwa wie folgt aus: [![Bild: HTML Centering Beispiel](https://www.ionos.de/digitalguide/fileadmin/_processed_/8/f/csm_html-centering-beispiel_0cf4c4df9f.webp "HTML Centering Beispiel")](https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Screenshots_2024/html-centering-beispiel.png) Im Beispiel sieht man, dass der Text innerhalb des center-Tags mittig platziert wird. Tipp Alles Wichtige zur [Hypertext Markup Language](https://www.ionos.de/digitalguide/websites/web-entwicklung/was-ist-html/) finden Sie in unserem Digital Guide. Hier erklären wir Ihnen zum Beispiel, wie Sie Ihre [ersten Schritte mit HTML](https://www.ionos.de/digitalguide/websites/web-entwicklung/html-lernen-das-grosse-einsteiger-tutorial/) machen. Auch wenn Sie sich fragen, wie Sie [CSS in HTML einbinden](https://www.ionos.de/digitalguide/websites/webdesign/css-in-html-einbinden/), liefern wir das passende Tutorial mit vielen praktischen Beispielen. This is a markdown version of: [https://www.ionos.de/digitalguide/websites/web-entwicklung/html-centering/](https://www.ionos.de/digitalguide/websites/web-entwicklung/html-centering/) for AI/LLM consumption.