michael@0: <window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
michael@0: 
michael@0: <box id="a" style="display: list-item;">
michael@0: &amp;c&amp;m&amp;q
michael@0: <box id="b"/>
michael@0: </box>
michael@0: 
michael@0: <style xmlns="http://www.w3.org/1999/xhtml">
michael@0: #a::first-letter {float: right; color: red;}
michael@0: </style>
michael@0: 
michael@0: <script xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
michael@0: function run() {
michael@0:   for (var i = 0; i < 20; i++) {
michael@0:     document.documentElement.offsetWidth;
michael@0:     doe();
michael@0:     document.documentElement.offsetWidth;
michael@0:     undoe();
michael@0:   }
michael@0: }
michael@0: function doe() {
michael@0:   document.getElementById('a').style.direction = 'rtl';
michael@0:   document.getElementById('b').style.direction = 'ltr';
michael@0: }
michael@0: function undoe() {
michael@0:   document.getElementById('a').style.direction = 'ltr';
michael@0:   document.getElementById('b').style.direction = 'rtl';
michael@0: }
michael@0: setTimeout(run, 100);
michael@0: ]]></script>
michael@0: </window>