| <!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> |