<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait"> <head> <style> html { width: 2em; border: 1px solid red; } body { display: inline; } .padded { padding: 1em; border: 1px solid black; } #float1 { background: lightgreen; } /* float is added to this one dynamically */ #float2 { float: right; background: lightblue; } </style> <script> function foo() { document.getElementById("float1").style.cssFloat = "right"; document.documentElement.removeAttribute("class"); } window.addEventListener("load", function() { setTimeout(foo, 30); }, false); </script> </head> <body> X <span id="float1">FFFFFF</span> <span id="float2">GGGGGG</span> <span class="padded"/> </body> </html>