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