Het <center>-HTML-element is een blockniveau-element dat zijn inhoud op blockniveau of inline-inhoud horizontaal gecentreerd weergeeft binnen het element dat het bevat. De container is meestal, maar niet noodzakelijk, <body>.
Dit element is verouderd. Het werkt in veel browsers nog wel, maar gebruik het
niet meer in nieuwe pagina's.
Centreren doe je met CSS: text-align: center voor tekst, of margin-inline: auto voor een blok met een vaste breedte.
DOM-interface
Dit element implementeert de HTMLElement-interface.
Voorbeeld 1
HTML
<center>
This text will be centered.
<p>So will this paragraph.</p></center>
Resultaat
Voorbeeld 2 (CSS-alternatief)
HTML
<divclass="center">
This text will be centered.
<p>So will this paragraph.</p></div>
CSS
.center {
text-align: center;
}
Resultaat
Voorbeeld 3 (CSS-alternatief)
HTML
<pclass="center">
This line will be centered.<br/>
And so will this line.
</p>
CSS
.center {
text-align: center;
}
Resultaat
Opmerking
Het toepassen van text-align: center op een <div>- of <p>-element centreert de inhoud van die elementen, terwijl hun totale afmetingen ongewijzigd blijven.
