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