third_party/WebKit/LayoutTests/fast/table/inline-table-margin-baseline.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5 .container {
   6     border: solid 1px black;
   7 }
   8 .vertical {
   9     -webkit-writing-mode: vertical-rl
  10 }
  11 .block {
  12     display:inline-block;
  13     background: aqua;
  14 }
  15 .h-table {
  16     margin-top: 50px;
  17 }
  18 .v-table {
  19     margin-right: 50px;
  20 }
  21 table {
  22     display: inline-table;
  23     font-size: 40px;
  24     background: tan;
  25     border-spacing: 0px;
  26 }
  27 td {
  28     padding: 0px;
  29 }
  30 </style>
  31 </head>
  32 <body>
  33 This test checks whether the inline-table's baseline is computed correctly when adding margins or not.
  34 <div class="container">
  35     <div class="block">This text should be baseline-aligned with </div>
  36     <table class="h-table"><td>this text.</table>
  37 </div>
  38 <div class="container vertical">
  39     <div class="block">This text should be baseline-aligned with </div>
  40     <table class="v-table"><td>this text.</table>
  41 </div>
  42 </body>
  43 </html>