| <!DOCTYPE html> |
| <style> |
| .block { width:50px; height:25px; background:green; } |
| .cell { display:table-cell; width:25px; height:25px; background:green; } |
| .inline-block { display: inline-block; width:25px; height:25px; background:green; } |
| </style> |
| <p>crbug.com/372832: There should be a green square below. In the layout tree the anonymous table should be under the LayoutInline in the last anonymous block, not in the middle anonymous block.</p> |
| <div id="container" style="float:left" data-expected-height=50 data-expected-width=50> |
| <span> |
| <div class="block"></div> |
| <div class="cell"> </div><div class="inline-block"> </div> |
| </span> |
| </div> |
| <script src="../../resources/check-layout.js"></script> |
| <script> |
| checkLayout("#container"); |
| </script> |