<!DOCTYPE html>
<html>
<head>
<style>
    td {
        vertical-align:baseline;
        font: 20px/1 Ahem;
    }
    img {
        width: 100px;
        height: 200px;
        background-color: green;
    }
</style>
</head>
<body>
<p> https://bugs.webkit.org/show_bug.cgi?id=106571:  The baseline of the first row of cells should be aligned with the baseline of the bottom of the green box.</p>
<table>
    <tbody>
        <tr>
             <td>XXX</td><td>XXX</td><td><img></td><td>XXX</td><td>XXX</td>
        </tr>
        <tr>
             <td>XXX</td><td>XXX</td><td></td><td>XXX</td><td>XXX</td>
        </tr>
    </tbody>
</table>
</body>
</html>