third_party/WebKit/LayoutTests/css2.1/20110323/table-height-algorithm-024.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: Cell with 'vertical-align: [percentage]' renders as 'vertical-align: baseline'</title>
   5         <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
   6         <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout">
   7         <meta name="flags" content="">
   8         <meta name="assert" content="A cell with 'vertical-align: [percentage]' renders as if the value were 'baseline'.">
   9         <style type="text/css">
  10             table
  11             {
  12                 height: 100px;
  13             }
  14             td
  15             {
  16                 vertical-align: 50%;
  17             }
  18             #small
  19             {
  20                 font-size: 10pt;
  21             }
  22             #medium
  23             {
  24                 font-size: 20pt;
  25             }
  26             #large
  27             {
  28                 font-size: 30pt;
  29             }
  30         </style>
  31     </head>
  32     <body>
  33         <p>Test passes if the bottom of the "Filler Text" below is aligned.</p>
  34         <table>
  35             <tr>
  36                 <td>
  37                     <div id="small">Filler Text</div>
  38                 </td>
  39                 <td>
  40                     <div id="medium">Filler Text</div>
  41                 </td>
  42                 <td>
  43                     <div id="large">Filler Text</div>
  44                 </td>
  45             </tr>
  46         </table>
  47     </body>
  48 </html>