Text wrap 🍹 HTMLcat

Text wrap

Text is wrapped in a way that best balances the number of characters on each line, enhancing layout quality and legibility. Because counting characters and balancing them across multiple lines is computationally expensive, this value is only supported for blocks of text spanning a limited number of lines (six or less for Chromium and ten or less for Firefox).

h1,
h2,
h3,
h4,
h5,
h6,
dt,
blockquote,
figcaption {
  text-wrap: balance;
}

Results in the same behavior as wrap, except that the user agent will use a slower algorithm that favors better layout over speed. This is intended for body copy where good typography is favored over performance.

p,
dd,
li {
  text-wrap: pretty;
}