<!DOCTYPE html>
<p>The text below should be to the left of the hotpink box.</p>
<div style="columns:2; column-gap:0; column-fill:auto; width:30em; height:200px; line-height:20px;">
    <div style="height:80px;"></div>
    <div style="float:left; break-inside:avoid; width:5em; height:150px; background:hotpink;"></div>
    <div>first column!</div>
</div>