HTML zentrieren

von Thomas Salvador.

In HTML zentrieren Sie Inhalte mit align-Attributen entweder direkt in HTML oder mit CSS.

<p align="center">Ein zentrierter Absatz.</p>
<p style="text-align:center">Auch zentriert.</p>

Es gibt noch das blockorientierte Element center, der selbst mehrere Tags umschließen kann.

<center>
<p>Zentrierter Absatz.</p>
<img src="bild.jpg" alt="Zentriertes Bild"/>
<p>Noch ein zentrierter Absatz.</p>
</center>

Das HTML center Tag wurde vor allem in der HTML Anfangszeit genutzt, und durch den allgemeinen Container div abgelöst:

<div align="center">
<p>Zentrierter Absatz.</p>
<img src="bild.jpg" alt="Zentriertes Bild"/>
<p>Noch ein zentrierter Absatz.</p>
</div>

dessen align-Attribut auch linksbündig und rechtsbündig versteht.

Der Universalcontainer div ist heute neben Listen oft ein zentrales Element in HTML Dokument, da er mit CSS oder JS sehr gut beeinflusst werden kann. Div ist auch das Mittel der Wahl, wenn Sie in HTML zentrieren möchten.