<!DOCTYPE html>
<script src="../resources/check-layout.js"></script>
<p>Below, there should be a green square with a border, and no red.</p>
<div id="multicol" style="columns:3; column-fill:auto; line-height:50px; height:100px;">
<div data-expected-width="60" data-expected-height="60" style="border:5px solid green; width:50px; background:red;">
<div style="break-after:column; background:lime;">
<br>
</div>
</div>
<br>
</div>
<script>
checkLayout("#multicol");
</script>