Wenn du einen Text in HTML zentrieren willst, dann gibt es dafür zwei Möglichkeiten. Entweder mit HTML oder CSS. In diesem Beitrag zeige ich dir beide Lösungen.

Stelle deine HTML oder CSS Frage in unserem Forum kostenlos und ohne Anmeldung!

Text mit CSS zentrieren (empfohlen)

Dieser HTML Code zentriert den Text mit Hilfe von CSS

HTML
<p style="text-align: center;">Dies ist ein zentrierter Text</p>

Ergebnis

Dies ist ein zentrierter Text

Text mit CSS zentrieren als Klasse (empfohlen)

CSS
.center1 {
  text-align: center;
}

HTML
<p class="center1">
  Dieser Text wird zentriert.
</p>

Mit dem Grid Layout einen Text zentrieren:

Grid Layout ist ein weiteres modernes Layout-Modul in CSS, mit dem du Elemente in einem Raster anordnen kannst. Um Text mit Grid Layout zu zentrieren, kannst du folgenden CSS Code verwenden

CSS

.center2 {
  display: grid;
  place-items: center;
}
HTML
<div class="zentriert">
  <p>Dieser Text wird zentriert.</p>
</div>

Das <center> Tag (veraltet):

Dieser Text wird mit dem center Tag von HTML zentriert, das Ergebnis ist das Selbe

Diese Methode ist zwar die einfachste, wird aber in HTML5 nicht mehr unterstützt. Du solltest sie nicht mehr verwenden.

HTML
<center>Dies ist ein zentrierter Text</center>

Ergebnis

Dies ist ein zentrierter Text

Mit dem align-Attribut im <p> -Tag (veraltet):

Auch diese Methode ist veraltet und sollte nicht mehr verwendet werden.

HTML
<p align="center">
  Dieser Text wird zentriert.
</p>

Fazit

Welche Methode du verwendest hängt von deinen individuellen Anforderungen an.

Über mich