dynamic-switch-inline-to-cell-2.html (1468B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <head> 4 <title>CSS 2.1 Test Suite: anonymous table boxes</title> 5 <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> 6 <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> 7 <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> 8 <meta name="flags" content="dom" /> 9 <script> 10 function doTest() { 11 document.getElementById("t").style.display = "table-cell"; 12 document.documentElement.className = ""; 13 } 14 </script> 15 </head> 16 <body style="font-family: monospace" onload="doTest()"> 17 <span style="display:table"> 18 <span style="display: table-row"> 19 <span>Row 1, Col 1</span> 20 <span id="t">Row 1, Col 2</span> 21 <span style="display: table-cell">Row 1, Col 3</span> 22 </span> 23 <span style="display: table-row-group"> 24 <span style="display: table-row"> 25 <span style="display: table-cell">Row 22, Col 1</span> 26 <span style="display: table-cell">Row 22, Col 2</span> 27 <span style="display: table-cell">Row 22, Col 3</span> 28 </span> 29 <span style="display: table-row"> 30 <span style="display: table-cell">Row 333, Col 1</span> 31 <span style="display: table-cell">Row 333, Col 2</span> 32 <span style="display: table-cell">Row 333, Col 3</span> 33 </span> 34 </span> 35 </span> 36 </body> 37 </html>