third_party/WebKit/LayoutTests/fast/css/inline-table-first-row-empty-cell-second-row-not-empty.html

   1 <!DOCTYPE html>
   2 <style>
   3 body {
   4     margin: 0;
   5     padding: 0;
   6 }
   7 table {
   8     border: 0;
   9     border-spacing: 0;
  10     display: inline-table;
  11     border-bottom: transparent solid 40px;
  12 }
  13 span {
  14    font: 20px Ahem;
  15    line-height: 20px;
  16 }
  17 td {
  18     padding:0
  19 }
  20 </style>
  21 <script src="../../resources/check-layout.js"></script>
  22 <span>
  23     Text
  24     <table data-total-y=16>
  25         <tr><td></td></tr>
  26         <tr><td>Text</td></tr>
  27     </table>
  28     Text
  29 </span>
  30 <p>crbug.com/452593: If an inline-table consists of a single row which consists of a single empty cell, then the
  31    baseline of the inline-table coincides with the baseline of the row  which coincides with the bottom content edge of the cell.
  32    The two black boxes will align together along the top of the page at their top edges.
  33    </p>
  34    <p id="test-output"></p>
  35 <script>
  36 checkLayout('table', document.getElementById("test-output"));
  37 </script>