table-caption-1a-dyn.html (715B)
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: 10px; 11 } 12 #table { 13 display: table; 14 width: 100px; 15 } 16 #caption { 17 display: table-cell; 18 height: 20px; 19 margin: 20px 0; 20 background-color: blue; 21 } 22 #block2 { 23 margin-top: 10px; 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>