CSS Property text-align – Text ausrichten
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 in einem Block-Element befindet, z.B. in einem ein div.
Beschreibung | mögliche Werte | Standardwert | Kategorie |
---|---|---|---|
Textausrichtung | left right center justify initial inherit |
left | Textdarstellung Text |
Die Angabe in oranger Schrift ist die Standardanwendung der CSS-Eigenschaft text-align.
-
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.
-
-
Vermeide die Textausrichtung justify (Blocksatz), da unterschiedlich große Leerräume zwischen den Wörtern die Lesbarkeit des Textes beeinträchtigen.
-
initial erzwingt die Wiederherstellung der ursprünglichen Textausrichtung, d.h. der Wert initial stellt für die Eigenschaft text-align die Standard-Textausrichtung ein. Für westliche Sprachen ist das left für linksbündig.
-
inherit erzwingt die Vererbung der Textausrichtung vom übergeordneten Element.
p
{
text-align
: left
;
}
h1
{
text-align
: center
;
}
h2
, h3
{
text-align
: left
;
}