Ausgewogene Überschriften mit text-wrap: balance

von Dennis Erdmann

Lange Zeit waren Kniffe, die die Darstellung und Lesbarkeit von Texten verbessern, dem Print-Bereich vorbehalten. Das ändert sich so langsam — zum Beispiel bei der Frage, wie sich Überschriften ausgewogener darstellen lassen.

Genau das kann text-wrap. Stell dir vor, du hast folgende Überschrift:

Individuelle IT-Lösungen für Ihr Unternehmen

Du fügst sie in die Website ein, doch leider bricht sie etwas unglücklich um:

Individuelle IT-Lösungen für Ihr
Unternehmen

Mit text-wrap: balance wird die Überschrift so ausbalanciert, dass daraus Folgendes wird:

Individuelle IT-Lösungen
für Ihr Unternehmen

Demo ansehen

Vorbei sind die Zeiten, in denen du manuelle Umbrüche setzen musstest oder mit geschützten Leerzeichen gearbeitet hast.

text-wrap wird von allen modernen Browsern unterstützt (siehe caniuse) — und selbst wenn ein älteres Gerät die Eigenschaft nicht kennt, sieht die Überschrift nicht schlechter aus als vorher.

  • css
  • typografie
  • text-wrap

Zurück zur Übersicht