layout/reftests/margin-collapsing/column-sibling-1c-dyn.html

   1 <!DOCTYPE html>
   2 <html class="reftest-wait">
   3 <head>
   4 <style type="text/css">
   5 #block1, #block2 {
   6  height: 20px;
   7  background-color: orange;
   8 }
   9 #block1 {
  10  margin-bottom: 20px;
  11 }
  12 #multi-column {
  13  display: none;
  14  column-count: 1;
  15  height: 20px;
  16  margin: 20px 0;
  17  background-color: blue;
  18 }
  19 #block2 {
  20  margin-top: 20px;
  21 }
  22 </style>
  23 <script type="text/javascript">
  24 function test() {
  25  document.getElementById('multi-column').style.display = 'block';
  26  document.documentElement.removeAttribute('class');
  27 }
  28 document.addEventListener('MozReftestInvalidate', test);
  29 </script>
  30 </head>
  31 <body>
  32 <div id="block1"></div>
  33 <div id="multi-column"></div>
  34 <div id="block2"></div>
  35 </body>
  36 </html>