Typographic improvements tip (CSS)

cezarytomczyk

Cezary Tomczyk

Posted on January 7, 2024

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

💖 💪 🙅 🚩
cezarytomczyk
Cezary Tomczyk

Posted on January 7, 2024

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related