<!DOCTYPE html>
<p>Below there should be a blue <em>square</em>, to the right of the word 'text'.</p>
<div style="-webkit-columns:3; -webkit-column-gap:0; column-fill:auto; width:300px; height:200px;">
text
<div style="-webkit-column-break-before:always; height:400px; background:blue;"></div>
</div>