<!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>