<!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>
