The Tor Browser: layout/reftests/margin-collapsing/table-caption-top-outside-1-dyn.html@6474c204b198 (annotated)

layout/reftests/margin-collapsing/table-caption-top-outside-1-dyn.html@6474c204b198 (annotated)

Wed, 31 Dec 2014 06:09:35 +0100

Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.

 <!DOCTYPE html>
 <html class="reftest-wait">
 <head>
 <style type="text/css">
 #block1, #block2 {
  height: 20px;
  background-color: green;
 }
 #block1 {
  margin-bottom: 10px;
 }
 #block2 {
  margin-top: 10px;
 }
 #table {
  display: table;
 }
 #caption {
  display: table-cell;
  caption-side: top-outside;
  height: 20px;
  margin: 20px 0;
  background-color: blue;
 }
 #cell {
  display: table-cell;
  width: 100px;
  height: 20px;
  background-color: orange;
 }
 </style>
 <script type="text/javascript">
 function test() {
  document.getElementById('caption').style.display = 'table-caption';
  document.documentElement.removeAttribute('class');
 }
 document.addEventListener('MozReftestInvalidate', test, false);
 </script>
 </head>
 <body>
 <div id="block1"></div>
 <div id="table">
  <div id="caption"></div>
  <div id="cell"></div>
 </div>
 <div id="block2"></div>
 </body>
 </html>