layout/reftests/table-anonymous-boxes/cols-test-3.html

   1 <!DOCTYPE html>
   2 <html>
   3     <title>CSS 2.1 Test Suite: anonymous table boxes</title>
   4     <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
   5     <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
   6     <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
   7     <meta name="flags" content="" />
   8   <body style="font-family: monospace">
   9     <span style="display:table">
  10       <span style="display: table-cell">Row 1, Col 1</span>
  11       <span style="display: table-cell">Row 1, Col 2</span>
  12       <span style="display: table-cell">Row 1, Col 3</span>
  13       <span style="display: table-row-group">
  14         <span style="display: table-row">
  15           <span style="display: table-cell">Row 22, Col 1</span>
  16           <span style="display: table-cell">Row 22, Col 2</span>
  17           <span style="display: table-cell">Row 22, Col 3</span>
  18         </span>
  19         <span style="display: table-row">
  20           <span style="display: table-cell">Row 333, Col 1</span>
  21           <span style="display: table-cell">Row 333, Col 2</span>
  22           <span style="display: table-cell">Row 333, Col 3</span>
  23         </span>
  24       </span>
  25       <span style="display: table-column; background: yellow"></span>
  26       <span style="display: table-column; background: cyan"></span>
  27       <span style="display: table-column; background: lime"></span>
  28     </span>
  29   </body>
  30 </html>