HTML <center>-Tag
Das <center>-Tag ist ein Block-Element, was bedeutet, dass es andere Block- und Inline-Elemente enthalten kann. Der Inhalt des <center>-Tags (Text, Grafiken, Tabellen usw.) wird zentriert ausgerichtet.
DANGER
Das <center>-Tag ist ein veraltetes HTML-Tag und wird in HTML5 nicht unterstützt. Verwenden Sie stattdessen die CSS-Eigenschaft text-align, die auf das <div>-Element oder auf <p> angewendet wird. Wenn text-align: center auf <div> oder <p> angewendet wird, werden die Inhalte dieser Elemente zentriert, aber ihre Gesamtabmessungen bleiben unverändert.
Sie können die CSS-Eigenschaften margin-left und margin-right mit dem Wert auto verwenden, um Block-Elemente zu zentrieren.
Syntax
Das <center>-Tag wird in Paaren verwendet. Der Inhalt wird zwischen dem öffnenden (<center>) und dem schließenden (</center>)-Tag geschrieben.
Textausrichtung|Beispiel für HTML <center>-Code|W3Docs
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>This text is aligned to the left.</p>
<center>And this one is placed in the center.</center>
</body>
</html>Ergebnis
Verwendung von CSS-Stilen
Wie bereits erwähnt, wird das <center>-Tag in HTML5 nicht unterstützt. Stattdessen verwenden wir CSS-Stile.
Beispiel mit der CSS-Eigenschaft text-align:
Beispiel für Zentrierung|HTML <center>-Tag|W3Docs
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>This text is aligned to the left.</p>
<p style="text-align:center">And this one is placed in the center.</p>
</body>
</html>Beispiel mit den CSS margin-Eigenschaften:
Zentrieren von Block-Elementen|HTML <center>-Tag|W3Docs
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<div style="margin-left:auto; margin-right:auto; width:50%;">
This block is centered.
</div>
</body>
</html>Praxis
Welche Aussagen sind bezüglich des HTML <center>-Tags wahr?