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)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay