third_party/WebKit/LayoutTests/fast/table/caption-between-columns.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5     table {
   6         border-spacing: 0px;
   7     }
   8     th {
   9         padding: 0px;
  10         width: 100px;
  11         height: 100px;
  12     }
  13     col {
  14         background-color: green;
  15     }
  16 </style>
  17 </head>
  18 <body>
  19 <p><a href="http://webkit.org/b/87051">87051</a>: Centralize and clean-up table column iteration</p>
  20 <p>This test passes if you see 3 rectangles below: green - purple - green (in this order, left to right).</p>
  21 <table>
  22     <col>
  23     <caption>
  24     <col style="background-color: purple">
  25     <col>
  26     <tbody>
  27         <tr>
  28             <th></th>
  29             <th></th>
  30             <th></th>
  31         </tr>
  32     </tbody>
  33 </table>
  34 </body>
  35 </html>