layout/reftests/margin-collapsing/inline-block-horizontal-2-dyn.html

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