inline-horizontal-2-dyn.html (622B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <head> 4 <style type="text/css"> 5 body { 6 font-family: sans-serif; 7 } 8 #inline1 { 9 margin-right: 10px; 10 } 11 #inline2 { 12 display: none; 13 margin-left: 10px; 14 margin-right: 20px; 15 } 16 #inline3 { 17 margin-left: 40px; 18 } 19 </style> 20 <script type="text/javascript"> 21 function test() { 22 document.getElementById('inline2').style.display = 'inline'; 23 document.documentElement.removeAttribute('class'); 24 } 25 document.addEventListener('MozReftestInvalidate', test); 26 </script> 27 </head> 28 <body> 29 <div><span id="inline1">Hello<span id="inline2">my</span></span><span id="inline3">Kitty</span></div> 30 </body> 31 </html>