<!DOCTYPE html> | |
<style> | |
.block { width:50px; height:25px; break-inside:avoid; } | |
</style> | |
<p>There should be a hotpink square below.</p> | |
<div style="columns:2;"> | |
<div style="break-after:column;"> | |
<div class="block"></div> | |
<div class="block"></div> | |
<div class="block" style="background:hotpink;"></div> | |
<div class="block"></div> | |
<div class="block"></div> | |
<div style="column-span:all;"></div> | |
</div> | |
<div class="block" style="background:hotpink;"></div> | |
</div> |