CSS-Eigenschaft Text-Align – Textausrichtung

Text ausrichten: CSS Property text-align

Die CSS-Eigenschaft text-align dient der Ausrichtung von Text und Inline-Elementen. Mit text-align kann auch ein Bild zentriert werden. Dies funktioniert allerdings nur dann, wenn sich das Bild innerhalb eines Block-Elements, z.B. ein div, befindet.

CSS-Eigenschaft: text-align

Beschreibungmögliche WerteStandardwertKategorie
Textausrichtungleft
right
center
justify
initial
inherit
leftTextdarstellung
Text

Die »Angabe in oranger Schrift« ist die Standardanwendung dieser CSS-Eigenschaft.

Beachte:
  1. Die Eigenschaft text-align wirkt nur in Block-Elementen.

    • left richtet den Text linksbündig aus.

    • right richtet den Text rechtsbündig aus.

    • center zentriert den Text horizontal.

    • justify richtet den Text im Blocksatz aus.

  2. Vermeide die Textausrichtung justify (Blocksatz), da unterschiedlich große Leerräume zwischen den Wörtern die Lesbarkeit des Textes beeinträchtigen.

  3. initial erzwingt die Wiederherstellung der ursprünglichen (Englisch »initial«) Textausrichtung. D.h. der Wert »initial« stellt für die Eigenschaft die Standardeinstellung wieder ein. Das ist für westliche Sprachen left.

  4. inherit erzwingt die Vererbung (Englisch »inheritance«) der Textausrichtung vom übergeordneten Element.

Beispielp {
text-align: left;
}

h1 {
text-align: center;
}

h2, h3 {
text-align: left;
}