Textausrichtung

Die Eigenschaft text-align richtet Text innerhalb seines Elements aus. Ihre Werte sind:

• left: linksbündig (der Standard für Sprachen, die von links nach rechts geschrieben werden),
• right: rechtsbündig,
• center: zentriert,
• justify: Blocksatz. Der Browser dehnt die Abstände zwischen den Wörtern, sodass jede Zeile außer der letzten von Rand zu Rand reicht.

Dieser Text ist linksbündig.

Dieser Text ist rechtsbündig.

Dieser Text ist zentriert.

Dieser Text ist im Blocksatz gesetzt. Der Browser dehnt die Abstände zwischen den Wörtern, sodass jede Zeile außer der letzten von einem Rand zum anderen reicht, wie in einer Zeitung.

Überschriften und Absätze sind meist so breit wie der Platz, in dem sie stehen (auf unserer Seite die ganze Seite), also setzt center ihren Text in die Mitte der Seite. text-align wird vererbt: Legst du es für ein Element fest, wird auch der Text aller Elemente darin ausgerichtet.

Verwende justify mit Bedacht: In schmalen Spalten können die Abstände zwischen den Wörtern sehr groß werden.