text-wrap: pretty

Chrome 117, Safari 26.0 (algoritmo melhorado); Firefox ainda não (caniuse até o 158).

Chrome 117Edge 117Safari 26Firefox no

Quebra de parágrafo melhor: evita palavras órfãs, melhora a hifenização e uniformiza a margem irregular no parágrafo inteiro (o Safari avalia o parágrafo todo; o Chrome as últimas linhas). Contraparte de `balance` para texto de corpo.

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.

CSS

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

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>

Fallback: O Firefox quebra normalmente; inofensivo.

Fonte: caniuse.com/mdn-css_properties_text-wrap_pretty and https://webkit.org/blog/17333/webkit-features-in-safari-26-0/

Prompt

Defina `text-wrap: pretty` no texto de corpo, itens de lista e descrições (qualquer prosa com várias linhas), e `text-wrap: balance` nos títulos. Não custa nada onde não há suporte, então aplique globalmente a `p, li, dd, blockquote`.