| <!DOCTYPE html> | |
| <style> | |
| #multicol { columns:2; width:100px; line-height:20px; background:black; } | |
| #float { float:right; width:30px; height:30px; background:blue; break-inside:avoid; } | |
| </style> | |
| <p>There should be a blue box in the top right corner of the black box.</p> | |
| <div id="multicol"> | |
| x<br> | |
| <div id="float"></div> | |
| x<br> | |
| x<br> | |
| </div> |