Class text balanced

[abielmagudev]

Hi friends, can you add a class for balanced text?

.text-balanced {
  text-wrap: balance;
}

<p class="text-balanced">This is a text balanced by a class of CSS.</p>

[coliff]

I've been using this recently and it's really neat.

Browser support (https://caniuse.com/css-text-wrap-balance) is a bit limited at the moment but I'd be happy to see this added as a utility class in Bootstrap 6!

[coliff]

And hopefully text-wrap: pretty in the future too...
https://caniuse.com/?search=css-text-wrap-pretty
https://webkit.org/blog/16547/better-typography-with-text-wrap-pretty/

[julien-deramond]

Thanks for the suggestion @abielmagudev, and feedback, @coliff — much appreciated!
I've opened a corresponding issue here: #41389.
For now, I’ve added it to the v5.4 project (assuming we proceed with updating the .browserslistrc at this stage). Otherwise, we’ll revisit it as part of v6 planning.