<!DOCTYPE html> <meta charset="utf-8"> <html> <title>CSS Box Alignment Test: inline-block and inline-table baselines</title> <link rel="author" title="Sammy Gill" href="sammy.gill@apple.com"> <link rel="help" href="https://www.w3.org/TR/css-align-3/#baseline-export"> <link rel="match" href="inline-table-inline-block-baseline-ref.html"> <style> .container { border: solid 1px black; } .block { display: inline-block; background: aqua; } .table { display: inline-table; font-size: 40px; background: tan; margin-block-start: 50px; } </style> <body> <div class="container"> <div class="block">aaa</div> <table class="table" cellspacing="0" cellpadding="0"><td>bbb</table> </div> </body> </html>