DEV Community

Cezary Tomczyk
Cezary Tomczyk

Posted on

Typographic improvements tip (CSS)

Use CSS property text-wrap: balance;

Text is wrapped in such a way that the quantity of characters on each line is optimally balanced, improving 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 for Chromium and ten for Firefox).

https://developer.mozilla.org/en-US/docs/Web/CSS/text-wrap

Top comments (0)