<!DOCTYPE html>
<script src="../../resources/js-test.js"></script>
<script>
    description("Test column balancer behavior when widows requirements are high, and there's need for an early break to honor widows");
</script>
<p>The 5 lines should all be in the second column.</p>
<div id="mc" style="-webkit-columns:3; columns:3; -webkit-column-rule:solid; line-height:50px; orphans:1; widows:5;">
    <span id="inFirstColumn"><br></span>
    <span id="first">line<br></span>
    line<br>
    line<br>
    line<br>
    <span id="last">line<br></span>
</div>
<script>
    shouldBe("mc.offsetHeight", "250");
    shouldBe("first.offsetTop", "inFirstColumn.offsetTop");
    shouldBeGreaterThan("first.offsetLeft", "inFirstColumn.offsetLeft");
    shouldBe("last.offsetLeft", "first.offsetLeft");
</script>