third_party/WebKit/LayoutTests/fast/css/inline-table-first-row-empty-cell.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     background-color: black;
  13 }
  14 span {
  15    font: 20px Ahem;
  16    line-height: 20px;
  17 }
  18 td {
  19     padding:0;
  20     width: 5px;
  21 }
  22 </style>
  23 <script src="../../resources/check-layout.js"></script>
  24 <span>
  25     Text
  26     <table data-total-y=16>
  27         <tr><td></td></tr>
  28     </table>
  29     Text
  30 </span>
  31 <p>crbug.com/452593: If an inline-table consists of a single row which consists of a single empty cell, then the
  32    baseline of the inline-table coincides with the baseline of the row  which coincides with the bottom content edge of the cell.
  33    The two black boxes will align together along the top of the page at their top edges.
  34    </p>
  35    <p id="test-output"></p>
  36 <script>
  37 checkLayout('table', document.getElementById("test-output"));
  38 </script>