Über den CSS-Befehl text-align kann eine Ausrichtung des Inhalts erfolgen. Das funktioniert nur bei Blockelementen wie es beispielsweise Überschriften (h1 bis h6) oder Absätze darstellen. Im folgenden Beispiel wird die Überschrift unterschiedlich ausgerichtet.
HTML-Datei
<h1>Beispiel Ausrichtung</h1>
in CSS-Datei
h1 {
text-align: right;
}
Jetzt wird die Überschrift auf der rechten Seite ausgerichtet. Soll die Überschrift in der Mitte ausgerichtet werden, wird text-align: center; benötigt. Für die Ausrichtung auf der linken Seite ist nicht unbedingt ein Angabe erforderlich, das Standardmäßig eine Ausrichtung auf der linken Seite stattfindet. Als CSS-Befehl: text-align: left;
Beispiel für die Ausrichtung per CSS mitte, rechts und Links
Im folgenden Beispiel wird die Überschrift h1 rechts ausgerichtet, die Überschrift h2 links ausgerichtet und die Überschrift h3 mittig:
HTML-Datei
<h1>Beispiel Ausrichtung rechts</h1> <h2>Beispiel Ausrichtung links</h2> <h3>Beispiel Ausrichtung mittig</h3>
in CSS-Datei
h1 {
text-align: right;
}
h2 {
text-align: left;
}
h3 {
text-align: center;
}
Möchten Sie ein Gedicht in HTML setzen, kann zentriert das Wahl der Mittel sein.
p {
text-align: center;
}
Beliebt ist der Blocksatz bei Schriftsetzern und in Zeitungen. Die Anzeige geschieht in einem Block. Dies funktioniert im Browser leidlich schlecht, da es keine Silbentrennung gibt und somit längere Wörter große leere Abstände provozieren (besonders bei kurzen Zeilenbreiten).
p {
text-align: justify;
}