third_party/WebKit/LayoutTests/fast/css/inline-table-first-row-non-empty-cell-non-auto-content.html

   1 <!DOCTYPE html>
   2 <style>
   3 body {
   4     margin: 0;
   5     padding: 0;
   6 }
   7 table {
   8     padding: 0;
   9     border: 0;
  10     border-spacing: 0;
  11     display: inline-table;
  12 }
  13 span {
  14    font: 50px Ahem;
  15    line-height: 80px;
  16 }
  17 td {
  18     border: 0px;
  19     padding: 10px;
  20     height: 20px;
  21     vertical-align: baseline;
  22 }
  23
  24 #content {
  25     height: 5px;
  26 }
  27 </style>
  28 <script src="../../resources/check-layout.js"></script>
  29 <span data-total-y=15>
  30     Text
  31     <table data-total-y=40>
  32         <tr><td><div id="content"></div></td></tr>
  33     </table>
  34     Text
  35 </span>
  36 <p>crbug.com/452593: If an inline-table consists of a single row which consists of a cell whose styled height exceeds the styled
  37    height of its contents then the table should use the bottom of the table as its baseline.
  38    </p>
  39    <p id="test-output"></p>
  40 <script>
  41 checkLayout('span', document.getElementById("test-output"));
  42 checkLayout('table', document.getElementById("test-output"));
  43 </script>