third_party/WebKit/LayoutTests/fast/table/inline-table-margin-baseline-expected.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-margin {
  16     margin-top: 50px;
  17 }
  18 .v-margin {
  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="h-margin">
  36     <div class="block">This text should be baseline-aligned with </div>
  37     <table><td>this text.</table>
  38 </div>
  39 </div>
  40 <div class="container vertical">
  41 <div class="v-margin">
  42     <div class="block">This text should be baseline-aligned with </div>
  43     <table><td>this text.</table>
  44 </div>
  45 </div>
  46 </body>
  47 </html>