third_party/WebKit/LayoutTests/fast/css/empty-cell-baseline.html

   1 <!DOCTYPE html>
   2 <style type="text/css">
   3 body {
   4     margin: 0px;
   5     padding: 0px;
   6     font: 10px Ahem;
   7 }
   8 #table
   9 {
  10     display: inline-table;
  11 }
  12 #row
  13 {
  14     display: table-row;
  15 }
  16 #cell
  17 {
  18     display: table-cell;
  19     height: 50px;
  20     width: 50px;
  21     background-color:red;
  22 }
  23 </style>
  24 <script src="../../resources/check-layout.js"></script>
  25 <div id="table" data-total-y=8>
  26     <div id="row">
  27         <div id="cell"></div>
  28     </div>
  29 </div>
  30 <div>crbug.com/513319: Empty cells with a computed height but no content use their bottom content edge as a baseline. </div>
  31 <script>
  32 checkLayout('#table')
  33 </script>