<center>: Das zentrierte Textelement

Veraltet: Diese Funktion wird nicht mehr empfohlen. Obwohl einige Browser sie möglicherweise noch unterstützen, könnte sie bereits aus den relevanten Webstandards entfernt worden sein, in Kürze entfernt werden oder nur noch aus Kompatibilitätsgründen bestehen. Vermeiden Sie die Verwendung und aktualisieren Sie vorhandenen Code, falls möglich; siehe die Kompatibilitätstabelle am Ende dieser Seite, um Ihre Entscheidung zu unterstützen. Beachten Sie, dass diese Funktion jederzeit aufhören könnte zu funktionieren.

Das <center> HTML-Element ist ein Block-Level-Element, das seine Block- oder Inline-Inhalte horizontal innerhalb des enthaltenen Elements zentriert anzeigt. Der Container ist normalerweise, aber nicht zwingend, <body>.

Dieses Tag wurde in HTML 4 (und XHTML 1) zugunsten der CSS-Eigenschaft text-align veraltet, die auf das <div>-Element oder auf ein einzelnes <p> angewendet werden kann. Zum Zentrieren von Blöcken sollten Sie andere CSS-Eigenschaften wie margin-left und margin-right verwenden und diese auf auto setzen (oder margin auf 0 auto setzen).

DOM-Schnittstelle

Dieses Element implementiert die HTMLElement-Schnittstelle.

Beispiel 1

html
<center>
  This text will be centered.
  <p>So will this paragraph.</p>
</center>

Ergebnis

Beispiel 2 (CSS-Alternative)

html
<div class="center">
  This text will be centered.
  <p>So will this paragraph.</p>
</div>
css
.center {
  text-align: center;
}

Ergebnis

Beispiel 3 (CSS-Alternative)

html
<p class="center">
  This line will be centered.<br />
  And so will this line.
</p>
css
.center {
  text-align: center;
}

Ergebnis

Hinweis: Die Anwendung von text-align: center auf ein <div>- oder <p>-Element zentriert die Inhalte dieser Elemente, während ihre Gesamtabmessungen unverändert bleiben.

Spezifikationen

Specification
HTML
# center

Browser-Kompatibilität

Siehe auch