inline-table-inline-block-baseline.html (729B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <html> 4 <title>CSS Box Alignment Test: inline-block and inline-table baselines</title> 5 <link rel="author" title="Sammy Gill" href="sammy.gill@apple.com"> 6 <link rel="help" href="https://www.w3.org/TR/css-align-3/#baseline-export"> 7 <link rel="match" href="inline-table-inline-block-baseline-ref.html"> 8 <style> 9 .container { 10 border: solid 1px black; 11 } 12 .block { 13 display: inline-block; 14 background: aqua; 15 } 16 .table { 17 display: inline-table; 18 font-size: 40px; 19 background: tan; 20 margin-block-start: 50px; 21 } 22 </style> 23 <body> 24 <div class="container"> 25 <div class="block">aaa</div> 26 <table class="table" cellspacing="0" cellpadding="0"><td>bbb</table> 27 </div> 28 </body> 29 </html>