Support float logical values inline-start and inline-end for RTL support

[thibaudcolas]

Same as #10902. As a follow-up to #10166, I think it’s time for Tailwind to support flow-relative float values. Browser support is there. See caniuse.com: CSS property: float: inline-start and inline-end. TL;DR; as of today: 68% of all users.

• Chrome & Edge 118 on desktop (October 2023)
• Chrome 119 on Android (October 2023)
• Safari 15 (a while ago)
• Firefox 55 (a while ago)
• Opera 104 (November 2023)
• No support in Samsung Internet (based on Chromium so I’d hope it’s just a matter of months / weeks)

---

Also worth mentioning that at the same time as those float: inline-start, float: inline-end, browsers have introduced support for:

• flow-relative resize (either block or inline) to support TTB languages
• flow-relative clear (inline-start, inline-end)

Personally I don’t see myself using those ever, but I suppose they’re worth considering at the same time.

[thibaudcolas]

As of May 2024, there’s now support in Samsung Internet as well. According to Can I Use, we’re at "90.48% of all users" support.