Ratgeber: Eine ausgeglichene Überschrift braucht weiterhin einen guten Text

Eine einzelne Silbe hängt in der letzten Zeile

Eine Kurskarte trägt die Überschrift „Gemeinsam die erste kleine Website gestalten“. Auf einer bestimmten Bildschirmbreite bleibt das letzte Wort allein in einer kurzen Zeile stehen. Die Karte wirkt dadurch unausgewogen, obwohl ihr Inhalt verständlich ist. Hier kann eine andere automatische Verteilung der Zeilen helfen, ohne feste Umbrüche in den Titel einzubauen.

MDN beschreibt bei text-wrap den Wert balance für einen möglichst ausgeglichenen Zeilenumbruch. Die Berechnung ist für kurze Textblöcke gedacht und unterliegt browserabhängigen Grenzen. Dieser Fachratgeber ordnet die dokumentierte CSS-Funktion ein. Der 14. Oktober 2026 bezeichnet die Quellenprüfung, nicht eine behauptete neue Einführung.

Eine kleine Titelsammlung statt eines Mustertexts

Lege für den Entwurf fünf unterschiedliche Titel an: einen kurzen, einen langen, einen mit einem zusammengesetzten Wort, einen mit einer Zahl und eine längere Übersetzung. Verwende die tatsächliche Schrift und die vorgesehenen Kartenbreiten. Ein Platzhalter mit gleichmäßig kurzen Wörtern zeigt viele Probleme einer realen Redaktion nicht.

Vergleiche den normalen Umbruch mit einer ausgewogenen Variante. Beurteile, ob die Überschrift besser lesbar wird und wie viel Höhe sie benötigt. Ein ausgeglichener Titel muss nicht überall dieselbe Zeilenzahl besitzen. Falls das Design eine starre Kartenhöhe verlangt, kann ein schönerer Umbruch trotzdem zu abgeschnittenem Inhalt führen. Diese Einschränkung gehört separat überprüft.

Inhalt nicht für eine einzige Breite verbiegen

Feste Zeilenumbrüche lösen oft nur den gerade sichtbaren Bildschirm. Bei größerer Schrift oder anderer Sprache können sie unpassend werden. Versuche deshalb zuerst, den Titel sprachlich zu präzisieren und seine automatische Darstellung robust zu gestalten. Ein unnötig langer Titel wird durch Typografie nicht automatisch verständlich.

Ein sinnvoller Entwicklungsauftrag lautet: „Kurze Überschriften dürfen ausgewogen umbrechen. Ohne Unterstützung bleibt der normale Umbruch lesbar. Titel werden nicht abgeschnitten und erhalten keine nur für eine Bildschirmbreite eingebauten Trennungen.“ Die Anforderung ist eine Gestaltungsvorgabe, keine Garantie identischer Zeilen in verschiedenen Browsern. Genau gleiche Screenshots sind für diesen Zweck kein sinnvolles alleiniges Abnahmekriterium.

Den längsten Titel wirklich lesen

Öffne die Sammlung schmal, breit und mit vergrößerter Schrift. Kontrolliere Überschrift, benachbartes Bild und anschließende Aktion gemeinsam. Achte auf lange Wörter, die eine eigene Überlaufregel benötigen können. Lass eine zweite Person die Karten ohne Erklärung lesen. Dokumentiere, welche Variante die Orientierung verbessert. Das Ziel bleibt ein klarer Einstieg in den Inhalt; die ausgewogene Form unterstützt ihn, ersetzt aber keine redaktionelle Entscheidung.