| <!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> |
| <!-- At the beginning of layout of the next element, we're at block offset 45px. The forced |
| 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> |
