<!DOCTYPE html>
<p>There should be a hotpink square below.</p>
<div style="columns:2; column-fill:auto; column-gap:0; width:100px; height:90px;">
    <div style="margin-top:30px; margin-left:auto; width:20px; height:40px; background:hotpink;"></div>
    <div style="columns:4;">
        <div style="float:left; margin-top:30px; width:20px; height:40px; break-inside:avoid; background:hotpink;"></div>
        <div style="height:90px;"></div>
    </div>
</div>