third_party/WebKit/LayoutTests/fast/table/baseline-align-rowspan.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <script src="../../resources/check-layout.js"></script>
   5 <style>
   6 td {
   7     font: 10px/1 Ahem;
   8     vertical-align: baseline;
   9     border: 1px solid;
  10 }
  11 </style>
  12 </head>
  13 <body onload="checkLayout('tr')">
  14 <p>This test checks that baseline aligned cells with rowspan don't artificially grow the row's height.</p>
  15 <p>For this test to pass, there should be 2 PASS.</p>
  16 <table>
  17     <tr data-expected-height="24">
  18         <td>This first sentence should</td>
  19         <td rowspan="2">be baseline</td>
  20         <td>aligned and there should be no gap below.</td>
  21     </tr>
  22     <tr data-expected-height="54">
  23         <td><p>This second</p><p>be baseline</p></td>
  24         <td><p>sentence should also</p><p>aligned across the rowspan.</p></td>
  25     </tr>
  26 </table>
  27 </body>
  28 </html>