layout/reftests/margin-collapsing/caption-child-1-dyn.html

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