text-wrap-style

Controls the algorithm used to wrap text. 'balance' is perfect for short headlines to ensure lines are roughly equal in length, while 'pretty' avoids 'orphans' (single words on a new line) in paragraphs.

It is documented as part of the CSS Text specification.

/* Usage Example */
h2 {
  /* Automatically adjusts line breaks to make the lines look evenly balanced */
  text-wrap-style: balance;
}

/* Syntax */
text-wrap-style: auto;
text-wrap-style: balance;
text-wrap-style: stable;
text-wrap-style: pretty;

/* Global values */
text-wrap-style: inherit;
text-wrap-style: initial;
text-wrap-style: revert;
text-wrap-style: revert-layer;
text-wrap-style: unset;
Newly available Since 2024 84% global usage

Since 2024 this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

130+
124+
17.5+
130+
Kinsta

Your first month is free

Managed WordPress hosting for faster sites.

Learn more

New CSS drops.

Join 600+ readers who've survived clearfix hacks.

ESC