Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

<center> HTML zentriertes Textelement

Deprecated

Avoid using this feature in new projects. This feature may be a candidate for removal from web standards or browsers.

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

Dieses Tag wurde in HTML 4 (und XHTML 1) zugunsten der CSS text-align-Eigenschaft als veraltet eingestuft, welche auf das <div>-Element oder auf ein einzelnes <p> angewendet werden kann. Zum Zentrieren von Blöcken verwenden Sie andere CSS-Eigenschaften wie margin-left und margin-right und setzen Sie 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 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: Das Anwenden von text-align: center auf ein <div>- oder <p>-Element zentriert den Inhalt dieser Elemente, während die Gesamtabmessungen unverändert bleiben.

Spezifikationen

Spezifikation
HTML
# center

Browser-Kompatibilität

Siehe auch