table-vertical-align-baseline-008.xht (1068B)
1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>CSS Test: Test for baseline alignment of table cells</title> 5 <link rel="author" title="Oriol Brufau" href="obrufau@igalia.com" /> 6 <link rel="help" href="https://github.com/servo/servo/issues/31722" /> 7 <link rel="help" href="https://drafts.csswg.org/css2/#height-layout" /> 8 <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> 9 <meta name="assert" content="Since the cell is empty, the baseline of the row 10 is synthesized from the bottom content edge of the cell." /> 11 <style><![CDATA[ 12 .wrapper { float: left; font-size: 0; background: red } 13 .wrapper > * { width: 50px; height: 100px; background: green } 14 ]]></style> 15 </head> 16 <body> 17 <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> 18 <div class="wrapper"> 19 <div style="display: inline-block"></div> 20 <table style="display: inline-table; border-spacing: 0"> 21 <td style="vertical-align: baseline; padding: 0"></td> 22 </table> 23 </div> 24 </body> 25 </html>