third_party/WebKit/LayoutTests/fast/table/inline-table-in-inline-block-last-baseline-align.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <script src="../../resources/ahem.js"></script>
   5 <style>
   6 .wrapper {
   7     height: 100px;
   8     display: inline-block;
   9     font: 16px Ahem;
  10 }
  11
  12 table {
  13     display: inline-table;
  14     border-spacing: 0px;
  15 }
  16
  17 td {
  18     padding: 0px;
  19     vertical-align: middle;
  20     color: blue;
  21 }
  22 </style>
  23 </head>
  24 <body>
  25     <p>Bug <a href="https://bugs.webkit.org/show_bug.cgi?id=91137">91137</a>: REGRESSION(r117339): cell in block-level table in inline-block are aligned with their last line box</p>
  26     <p>This test checks that an 'inline-table' contributes its baseline to determine an inline-block baseline.</p>
  27     <p>The 2 blue texts should be aligned below.</p>
  28     <div class="wrapper">
  29         <table>
  30             <td>First</td>
  31         </table>
  32     </div>
  33     <div class="wrapper">
  34         <table>
  35             <td>&nbsp;<br>&nbsp;<br>Second</td>
  36         </table>
  37     </div>
  38 </body>
  39 </html>