# text-wrap: pretty

Status: Chrome 117, Safari 26.0 (verbesserter Algorithmus); Firefox noch nicht (caniuse bis 158).  
Quelle: https://caniuse.com/mdn-css_properties_text-wrap_pretty and https://webkit.org/blog/17333/webkit-features-in-safari-26-0/  
Seite: https://designforai.dev/de/css/text-wrap-2

Besserer Absatzumbruch: vermeidet verwaiste Wörter, verbessert die Silbentrennung und gleicht den Flatterrand über den ganzen Absatz aus (Safari bewertet den ganzen Absatz; Chrome die letzten Zeilen). Das Fließtext-Gegenstück zu `balance`.

## HTML

```html
<p class="fx-041">Pretty wrapping evaluates line breaks across the paragraph to avoid a single stranded word on the final line and to keep the right edge from looking ragged, which is what typographers do by hand.</p>
```

## CSS

```css
.fx-041 {
  text-wrap: pretty;
  max-width: 42ch;
  font-family: Georgia,serif;
  line-height: 1.5;
  hyphens: auto
}
```

Fallback: Firefox bricht normal um; harmlos.

## Prompt

Setze `text-wrap: pretty` auf Fließtext, Listenelemente und Beschreibungen (jede mehrzeilige Prosa) und `text-wrap: balance` auf Überschriften. Es kostet nichts, wo es nicht unterstützt wird, also wende es global auf `p, li, dd, blockquote` an.