Zum Inhalt springen

Textausrichtung

Männliche Person, frontal, schaut in die Kamera; trägt kariertes Hemd über dunkelfarbigem T‑Shirt; heller Innenraum mit unscharfem Monitor oder Poster links und Fenster rechts.

von Richard Albrecht am 18.10.2026

Die Textausrichtung kann links, rechts, mittig oder im Blocksatz sein. Im Web ist die Entscheidung eine Frage der Lesbarkeit, nicht des Geschmacks.

Textausrichtung

Eigenschaft, die bestimmt, an welcher Kante der Text einer Box ausgerichtet wird.
Beispiel: „Die Textausrichtung wirkt auf den Inhalt, nicht auf die Box selbst.“

Die Werte

.fliesstext { text-align: start; }   /* folgt der Leserichtung */
.bildunterschrift { text-align: center; }
.preisspalte { text-align: right; }
.blocksatz { text-align: justify; hyphens: auto; }

Statt left empfiehlt sich start: Der Wert folgt der Leserichtung des Dokuments und stimmt damit auch in einer von rechts nach links gelesenen Sprache. Rechtsbündig ist vor allem für Zahlenspalten nützlich, weil die Stellen dann untereinanderstehen.

Was sich bewährt hat

Linksbündig für Fließtext, weil der gleichmäßige Wortabstand das Lesen erleichtert und die Zeilenanfänge eine feste Kante bilden. Mittig nur für kurze Passagen: Überschriften, Bildunterschriften, ein Zitat. Ein mittig gesetzter Absatz von zehn Zeilen ist mühsam zu lesen, weil jede Zeile woanders beginnt.

Blocksatz im Web

Im Druck sorgt ausgefeilte Silbentrennung für gleichmäßige Zeilen. Browser trennen deutlich schlechter, und ohne hyphens: auto entstehen Löcher zwischen den Wörtern. Wer Blocksatz will, braucht die Sprachangabe am Dokument und sollte das Ergebnis auf schmalen Bildschirmen ansehen.

Siehe auch:

font-family, font-size, line-height

Die drei Angaben, die über Lesbarkeit entscheiden.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

Textumbruch

Wie der Browser lange Wörter und Zeilen behandelt.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

Zentrieren

Etwas mittig setzen, waagerecht oder in beide Richtungen.

#Frontend-Entwicklung (HTML, CSS, JavaScript)