inline-table-inline-block-baseline-vert-rl-ref.html (739B)
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 <style> 8 .container { 9 border: solid 1px black; 10 writing-mode: vertical-rl; 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 } 21 .margin { 22 margin-block-start: 50px; 23 } 24 </style> 25 <body> 26 <div class="container"> 27 <div class="margin"> 28 <div class="block">aaa</div> 29 <table class="table" cellspacing="0" cellpadding="0"><td>bbb</table> 30 </div> 31 </div> 32 </body> 33 </html>