table-cell-baseline-static-position.html (684B)
1 <!DOCTYPE html> 2 <link rel="help" href="https://crbug.com/1206654" /> 3 <link rel="match" href="../reference/ref-filled-green-100px-square-only.html" /> 4 <style> 5 table { 6 width: 100px; 7 height: 100px; 8 position: relative; 9 line-height: 0; 10 border-spacing: 0; 11 } 12 td { 13 vertical-align: baseline; 14 width: 50px; 15 padding: 0; 16 } 17 div { 18 width: 50px; 19 height: 100px; 20 background: green; 21 } 22 </style> 23 <p>Test passes if there is a filled green square.</p> 24 <table> 25 <td> 26 <div style="display: inline-block;"></div> <!-- Creates a baseline at 100px. --> 27 </td> 28 <td> 29 <div style="position: absolute;"></div> <!-- Static-position shouldn't shift to the baseline. --> 30 </td> 31 </table>