Issue with RTL and text-align property

[nishantka]

Hello @Sartxi @auniverseaway ,

For RTL languages, the content should flow from right to left which is configured using dir RTL attribute. But if there is text-align: left property added the content aligns to left which looks incorrect as shown below. (as 2nd line should start from right)
Is this something that needs to be fixed for such blocks? (Using text-align: start or handling based on dir)
Here is a ticket for the same.

Thanks,

Eg. Milo block- icon-block (vertical, small, xs-spacing)

[chrischrischris]

I think this would be a question for the localization / GWP teams.

[rgclayton]

(Using text-align: start or handling based on dir)

I think this is the better approach.

Using text-align: left really isn't needed and causes issues related to rtl languages.
Not specifying text-alignment and letting the browser handle it based on language direction would even be better.

According to MDN the initial value of text-align is start. So, not declaring alignment or declaring start would be better options and more future proof.

https://developer.mozilla.org/en-US/docs/Web/CSS/text-align#formal_definition