layout/reftests/table-anonymous-boxes/dynamic-switch-inline-to-cell-2.html

   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>