| <!DOCTYPE html> |
| <style type="text/css"> |
| body { |
| margin: 0px; |
| padding: 0px; |
| font: 10px Ahem; |
| } |
| #table |
| { |
| display: inline-table; |
| } |
| #row |
| { |
| display: table-row; |
| } |
| #cell |
| { |
| display: table-cell; |
| height: 50px; |
| width: 50px; |
| background-color:red; |
| } |
| </style> |
| <script src="../../resources/check-layout.js"></script> |
| <div id="table" data-total-y=8> |
| <div id="row"> |
| <div id="cell"></div> |
| </div> |
| </div> |
| <div>crbug.com/513319: Empty cells with a computed height but no content use their bottom content edge as a baseline. </div> |
| <script> |
| checkLayout('#table') |
| </script> |
