third_party/WebKit/LayoutTests/fast/css/inline-table-first-row-empty-non-auto.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 }
  12 span {
  13    font: 20px Ahem;
  14    line-height: 20px;
  15 }
  16 tr {
  17     height: 20px;
  18     width: 20px;
  19 }
  20 </style>
  21 <script src="../../resources/check-layout.js"></script>
  22 <span>
  23     Text
  24     <table data-total-y=16>
  25         <tr></tr>
  26         <tr><td>Text</td></tr>
  27     </table>
  28     Text
  29 </span>
  30 <p>crbug.com/452593: The baseline of an 'inline-table' is the baseline of the first row of the table.
  31    You should see three black boxes and the middle one should be below the other two.</p>
  32    <p id="test-output"></p>
  33 <script>
  34 checkLayout('table', document.getElementById("test-output"));
  35 </script>