| <!DOCTYPE html> |
| <html> |
| <head> |
| <script src="../../resources/check-layout.js"></script> |
| <style> |
| td { |
| font: 10px/1 Ahem; |
| vertical-align: baseline; |
| border: 1px solid; |
| } |
| </style> |
| </head> |
| <body onload="checkLayout('tr')"> |
| <p>This test checks that baseline aligned cells with rowspan don't artificially grow the row's height.</p> |
| <p>For this test to pass, there should be 2 PASS.</p> |
| <table> |
| <tr data-expected-height="24"> |
| <td>This first sentence should</td> |
| <td rowspan="2">be baseline</td> |
| <td>aligned and there should be no gap below.</td> |
| </tr> |
| <tr data-expected-height="54"> |
| <td><p>This second</p><p>be baseline</p></td> |
| <td><p>sentence should also</p><p>aligned across the rowspan.</p></td> |
| </tr> |
| </table> |
| </body> |
| </html> |
