Der Blocksatz und die Lücke
Blocksatz ohne Silbentrennung ist der häufigste Satzfehler im Web: Löcher, die sich über drei Zeilen zu einem Bach zusammenschließen. Zu beheben ist er in einer einzigen CSS-Zeile, die fast niemand hinschreibt.
Blocksatz sieht ordentlich aus, solange die Spalte breit genug ist. Wird sie schmal, verteilt der Browser den fehlenden Platz auf die Wortzwischenräume einer Zeile — und weil er nur ganze Wörter umbrechen kann, entstehen Löcher.
Übereinander stehende Löcher ergeben eine Gießbachbildung: ein weißer Fluss, der senkrecht durch den Absatz läuft. Das Auge folgt ihm, statt der Zeile zu folgen.
Die Ursache ist fast nie der Blocksatz
Sie ist die fehlende Silbentrennung. Ohne sie muss jede Zeile mit ganzen Wörtern gefüllt werden, und im Deutschen sind die Wörter lang.
| Spaltenbreite | Ohne Trennung | Mit Trennung |
|---|---|---|
| 30 Zeichen | unbrauchbar | grenzwertig |
| 45 Zeichen | Gießbäche | brauchbar |
| 66 Zeichen | brauchbar | gut |
| 90 Zeichen | gut | zu breit zum Lesen |
Was zu tun ist
Entweder hyphens: auto mit korrekt gesetztem lang-Attribut — ohne das Attribut weiß der Browser nicht, nach welchen Regeln er trennen soll, und trennt gar nicht. Oder Flattersatz.
Flattersatz ist keine Niederlage. Er ist auf schmalen Spalten fast immer die bessere Wahl, weil der Wortabstand konstant bleibt und nur der rechte Rand unruhig wird. Ein unruhiger Rand stört das Lesen deutlich weniger als ein unruhiger Grauwert.
Der Sonderfall
Bei sehr schmalen Spalten — Bildunterschriften, Marginalien, alles unter etwa 30 Zeichen — ist Blocksatz auch mit Trennung unbrauchbar. Dort gibt es keine Diskussion: Flattersatz, linksbündig, und der Rand darf so ausfransen, wie er will.