<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-Element, das seine Block- oder Inline-Inhalte horizontal innerhalb seines umgebenden Elements zentriert anzeigt. Das umgebende Element ist normalerweise, aber nicht zwingend, das <body>-Element.

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

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 style="text-align:center">
  This text will be centered.
  <p>So will this paragraph.</p>
</div>

Ergebnis

Beispiel 3 (CSS-Alternative)

html
<p style="text-align:center">
  This line will be centered.<br />
  And so will this line.
</p>

Ergebnis

Hinweis: Das Anwenden von text-align: center auf ein <div>- oder <p>-Element zentriert den Inhalt dieser Elemente, während deren Gesamtabmessungen unverändert bleiben.

Spezifikationen

Specification
HTML
# center

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
center
Deprecated

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
Deprecated. Not for use in new websites.
See implementation notes.

Siehe auch