<!DOCTYPE html>
<script src="../../../resources/check-layout.js"></script>
<p>There should be a blue square below.</p>
<div id="multicol" style="position:relative; padding:25px; -webkit-columns:2; -webkit-column-gap:0; column-fill:auto; line-height:20px; width:60px; height:100px;">
<div style="-webkit-column-span:all; margin-top:20px; height:20px;"></div>
<div style="background:blue;">
<div data-offset-x="25" data-offset-y="65"><br></div>
<div data-offset-x="25" data-offset-y="85"><br></div>
<div data-offset-x="25" data-offset-y="105"><br></div>
<div data-offset-x="55" data-offset-y="65"><br></div>
<div data-offset-x="55" data-offset-y="85"><br></div>
<div data-offset-x="55" data-offset-y="105"><br></div>
</div>
</div>
<script>
checkLayout("#multicol");
</script>