inline-table-inline-block-baseline-ref.html (700B)
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 <style> 8 .container { 9 border: solid 1px black; 10 } 11 .block { 12 display: inline-block; 13 background: aqua; 14 } 15 .table { 16 display: inline-table; 17 font-size: 40px; 18 background: tan; 19 } 20 .margin { 21 margin-block-start: 50px; 22 } 23 </style> 24 <body> 25 <div class="container"> 26 <div class="margin"> 27 <div class="block">aaa</div> 28 <table class="table" cellspacing="0" cellpadding="0"><td>bbb</table> 29 </div> 30 </div> 31 32 </body> 33 </html>