<!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; width:300px;">
    text
    <div style="-webkit-column-break-before:always; height:400px; background:blue;"></div>
    <div style="-webkit-column-span:all;">&nbsp;</div>
</div>