<!DOCTYPE html>
<script src="../../resources/check-layout.js"></script>
<p>Test that an inner multicol with only one line makes the outer multicol tall enough to contain it.</p>
<p>There should be a blue square below.</p>
<div id="outer" style="-webkit-columns:4; line-height:80px;" data-expected-height="80">
    <div style="-webkit-columns:4;" data-expected-height="80">
        <div style="display:inline-block; vertical-align:top; width:80px; height:80px; background:blue;"></div>
    </div>
</div>
<script>
    checkLayout("#outer");
</script>