Add support for text-wrap property

[adamwathan]

This PR adds support for the new text-wrap CSS property, with the following three utilities:

Class	CSS
text-wrap	text-wrap: wrap
text-nowrap	text-wrap: nowrap
text-balance	text-wrap: balance

The most interesting one here is text-balance that attempts to automatically balance text across multiple lines so that you don't have one really long line and one really short line.

With the addition of the new text-wrap property, the CSS white-space property now decomposes into text-wrap and the new white-space-collapse property, but we are opting to leave explicit support for white-space-collapse to a future improvement for now because none of this stuff is supported anywhere except for the very latest version of Chrome.

This still feels useful for now though because text-balance gracefully degrades back to regular unbalanced text which doesn't look as nice but doesn't actually break the experience for anyone, so people might want to start using it today even if browser support is still catching up.

[mrleblanc101]

When will this land ?

[Karobwe]

Right now it can be used as arbitrary property: [text-wrap:balance]

[AhmedBaset]

When will this land ?

You can use it in the insiders:

npm install tailwindcss@insiders

[tremby]

Is this still only in the insiders branch? I don't see it in docs, or this ticket number mentioned in release notes.

[gavalierm]

You can do this in main.css in laravel like so for nowdays stable release

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer utilities {
  .text-balance {
    text-wrap: balance;
  }
}

[nicooprat]

@tremby it's still in the "unreleased" section of the changelog so we'll have to wait a bit ;)

tailwindcss/CHANGELOG.md

Line 26 in dac9cf2

- Add `text-wrap` utilities including `text-balance` and `text-pretty` ([#11320](https://github.com/tailwindlabs/tailwindcss/pull/11320), [#12031](https://github.com/tailwindlabs/tailwindcss/pull/12031))

[themaxgross]

I created a plugin as a package for my own use a while ago since I didn't know about this, and I've just updated it to support text-wrap as well. Hope people will find it useful as a drop-in until it's released in tailwind main~

https://github.com/theleoji/tailwindcss-text-balance

[Jarpiino]

I created a plugin as a package for my own use a while ago since I didn't know about this, and I've just updated it to support text-wrap as well. Hope people will find it useful as a drop-in until it's released in tailwind main~

https://github.com/theleoji/tailwindcss-text-balance

Tailwind supports text-wrap since 19th of January. They were waiting for Firefox support.