<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <box id="a" style="display: list-item;"> &m&m <box id="b"/> </box> <style xmlns="http://www.w3.org/1999/xhtml"> #a::first-letter {float: right; } </style> <script xmlns="http://www.w3.org/1999/xhtml"> function doe() { document.getElementById('a').style.direction = 'rtl'; document.getElementById('b').style.direction = 'ltr'; } setTimeout(doe, 100); </script> </window>