<!DOCTYPE html>
<script src="../../resources/check-layout.js"></script>
<p>Make sure that we don't skip orphan checking when a line ends up naturally at the top of a column.</p>
<p>All three lines should be in the second column.</p>
<div id="multicol" style="position:relative; -webkit-columns:2; -webkit-column-rule:1px solid; column-fill:auto; orphans:3; widows:1; height:8em; line-height:2em; background:yellow;">
    <div style="height:4em;"></div>
    <div data-offset-y="0">
        line 1<br>
        line 2<br>
        line 3<br>
    </div>
</div>
<script>
    checkLayout("#multicol");
</script>