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 seines umgebenden Elements zentriert darstellt. Der Container ist in der Regel, muss aber nicht unbedingt, das <body> sein.

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. 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 die Inhalte dieser Elemente, während ihre Gesamtabmessungen unverändert bleiben.

Spezifikationen

Spezifikation
HTML
# center

Browser-Kompatibilität

Siehe auch