| <!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| .wrapper { |
| height: 100px; |
| display: inline-block; |
| font: 16px Ahem; |
| } |
| |
| table { |
| display: inline-table; |
| border-spacing: 0px; |
| } |
| |
| td { |
| padding: 0px; |
| vertical-align: middle; |
| color: blue; |
| } |
| </style> |
| </head> |
| <body> |
| <p>Bug <a href="https://bugs.webkit.org/show_bug.cgi?id=91137">91137</a>: REGRESSION(r117339): cell in block-level table in inline-block are aligned with their last line box</p> |
| <p>This test checks that an 'inline-table' contributes its baseline to determine an inline-block baseline.</p> |
| <p>The 2 blue texts should be aligned below.</p> |
| <div class="wrapper"> |
| <table> |
| <td>First</td> |
| </table> |
| </div> |
| <div class="wrapper"> |
| <table> |
| <td> <br> <br>Second</td> |
| </table> |
| </div> |
| </body> |
| </html> |
