blob: 1398fa4df3e3c5cc7cc68df7571cfd44084c6b7d [file] [log] [blame]
<!DOCTYPE html>
.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; }
<p> 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>
<div class="block"></div>
<div class="cell">&nbsp;</div><div class="inline-block">&nbsp;</div>
<script src="../../resources/check-layout.js"></script>