Das Hauptproblem beim Zentrieren von HTML-Elementen besteht darin, dass es schwierig sein kann, ein konsistentes Ergebnis in verschiedenen Browsern zu erzielen. Dies liegt daran, dass jeder Browser seine eigene Interpretation hat, wie Elemente zentriert werden sollten, und es verschiedene Methoden zum Zentrieren von Elementen gibt. Darüber hinaus unterstützen einige ältere Browser möglicherweise nicht die moderneren Methoden zum Zentrieren von HTML-Elementen.
<p align="center">This text is centered.</p>
1. Diese Codezeile legt die Ausrichtung des zu zentrierenden Textes fest. Das HTML-Tag
gibt an, dass es sich um ein Absatzelement handelt, und das Attribut align=”center” legt fest, dass der Text innerhalb dieses Elements zentriert ausgerichtet wird.
2. Diese Codezeile zeigt den Text „Dieser Text ist zentriert“ an. in einem Browserfenster, wobei die Ausrichtung auf die Mitte eingestellt ist, wie in Zeile 1 angegeben.
align-Attribut
Das
Das align-Attribut wird verwendet, um die Ausrichtung eines Absatzes in HTML festzulegen. Es kann verwendet werden, um die Ausrichtung von Text innerhalb eines Absatzes sowie die Ausrichtung eines ganzen Absatzes auf der Seite festzulegen. Die möglichen Werte für dieses Attribut sind left, right, center, justify und inherit. Der Standardwert wird belassen.
Wenn Sie das align-Attribut mit Text innerhalb eines Absatzes verwenden, werden alle Textzeilen in diesem Absatz gemäß dem angegebenen Wert ausgerichtet. Zum Beispiel:
Diese Textzeile wird zentriert.
Dadurch werden alle Textzeilen in diesem bestimmten Absatz auf der Seite zentriert.
Wenn Sie das align-Attribut mit einem ganzen Absatz verwenden, wird dieser bestimmte Absatz gemäß dem angegebenen Wert ausgerichtet. Zum Beispiel:
Diese gesamte Textzeile wird rechtsbündig ausgerichtet.
Dadurch wird diese bestimmte Textzeile (und alle anderen darin enthaltenen Inhalte) auf der Seite rechtsbündig ausgerichtet.
So legen Sie die Textausrichtung in HTML fest
Die Textausrichtung in HTML wird mit dem style-Attribut festgelegt. Das style-Attribut gibt einen Inline-Stil für ein Element an.
Um die Textausrichtung in HTML festzulegen, verwenden Sie das Attribut style und die Eigenschaft text-align. Die Eigenschaft text-align gibt die horizontale Ausrichtung von Text in einem Element an.
Das folgende Beispiel zeigt, wie Sie die Links-, Rechts-, Zentrierungs- und Blocksatzausrichtung für einen Absatz festlegen:
Dies ist linksbündig.
Dies ist rechtsbündig.
Dies ist mittig ausgerichtet.
Das ist berechtigt.
