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