<!DOCTYPE html>
<p>The word "PASS" should be seen below.</p>
<div style="columns:3; column-fill:auto; column-gap:0; width:12em; height:50px; line-height:20px;">
<div style="float:left; width:1px; height:90px;"></div>
<div style="height:45px;"></div>
break-before should take us to 50px - the next column. Clearance should take us even
further, past the float, so get to block offset 90px. Finally, due to the unbreakable line
inside the block, we need to move on to another new column to make the line fit, so we end
up at 100px, exactly at the top of the third column. -->
<div style="break-before:column; clear:left;">PASS</div>
</div>
