inline-table-inline-block-baseline-vert-rl.html (777B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <html> 4 <title>CSS Box Alignment Test: inline-block and inline-table baseline synthesis</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-vert-rl-ref.html"> 8 <style> 9 .container { 10 border: solid 1px black; 11 writing-mode: vertical-rl; 12 } 13 .block { 14 display: inline-block; 15 background: aqua; 16 } 17 .table { 18 display: inline-table; 19 font-size: 40px; 20 background: tan; 21 margin-block-start: 50px; 22 } 23 </style> 24 <body> 25 <div class="container"> 26 <div class="block">aaa</div> 27 <table class="table" cellspacing="0" cellpadding="0"><td>bbb</table> 28 </div> 29 </body> 30 </html>