rtl-styling
rtl-styling copied to clipboard
Breaking words
RTL Styling 101 mentions the word-break
property for line breaks, but there other properties that may behave the same (or introduce line breaks):
-
overflow-wrap
(docs on MDN) which is the new name forword-wrap
(supported as far as IE 5) -
hyphens
(docs on MDN)— albeit it should depend on the current language dictionnary I wonder what happens with Arabic or other RTL languages.
It might be valuable that the guide mentions at least overflow-wrap
and word-wrap
, I guess :)
FYI, in Bootstrap the .word-wrap
utility combines both word-wrap
and word-break
properties, until overflow-wrap
support gets better.
Thank you for the great suggestion! Will take this into consideration :)