layout/reftests/margin-collapsing/table-caption-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: green;
   8 }
   9 #block1 {
  10  margin-bottom: 15px;
  11 }
  12 #table {
  13  display: table;
  14  width: 100px;
  15 }
  16 #caption {
  17  display: table-cell;
  18  height: 20px;
  19  margin: 15px 0;
  20  background-color: blue;
  21 }
  22 #block2 {
  23  margin-top: 15px;
  24 }
  25 </style>
  26 <script type="text/javascript">
  27 function test() {
  28  document.getElementById('caption').style.display = 'table-caption';
  29  document.documentElement.removeAttribute('class');
  30 }
  31 document.addEventListener('MozReftestInvalidate', test);
  32 </script>
  33 </head>
  34 <body>
  35 <div id="block1"></div>
  36 <div id="table">
  37  <div id="caption"></div>
  38 </div>
  39 <div id="block2"></div>
  40 </body>
  41 </html>