third_party/WebKit/LayoutTests/css2.1/20110323/table-caption-002.htm

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
   2 <html>
   3     <head>
   4         <title>CSS Test: CSS Tables: Multiple captions</title>
   5         <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch">
   6         <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/caption/001.html" type="text/html">
   7         <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes">
   8         <style type="text/css">
   9             .table
  10             {
  11                 display: table;
  12             }
  13             .caption
  14             {
  15                 display: table-caption;
  16                 color: green;
  17             }
  18             .row
  19             {
  20                 display: table-row;
  21                 color: green;
  22             }
  23             .cell
  24             {
  25                 display: table-cell;
  26             }
  27         </style>
  28     </head>
  29     <body class="table">
  30         <div class="cell">Test passes if the numbers above are in order from top-to-bottom (1-3) and the number below are in order from top-to-bottom (4-6).</div>
  31         <div class="row">4. This line should be green.</div>
  32         <div class="caption">1. This line should be green.</div>
  33         <div class="caption">2. This line should be green.</div>
  34         <div class="row">5. This line should be green.</div>
  35         <div class="caption">3. This line should be green.</div>
  36         <div class="row">6. This line should be green.</div>
  37     </body>
  38 </html>