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