A fast text wrap balancer for multi-line headlines on the web. Wraps texts more evenly across lines. Reduces uneven line lengths.
Rebalances texts on device orientation changes or when the window or element is resized.
Intended as a fallback for web browsers that don’t yet support the
CSS property. (No browsers support this property as of September 2021.)
- Apply a
balance-textclass to your headline elements.
- Make sure headlines are wrapped in a parent element that specifies the desired max-width. (You can’t set this on the headline element itself.)
It has some advantages like hiding the flash of unstyled content (FOUC) that may briefly show unbalanced text.