<!DOCTYPE html>
<html>
    <head>
        <title>Spanner following row that has floats</title>
    </head>
    <body>
        <p>There should be no yellow below, beside or inside the blue box. Only above.</p>
        <div style="margin:20px; -webkit-columns:4; columns:4;">
            <div style="float:left; width:20%; height:5em; background:yellow;"></div>
            Beside float.
            <div style="clear:both;"></div>
            <div style="-webkit-column-span:all; column-span:all; height:2em; border:2px solid blue;"></div>
            Left.
        </div>
    </body>
</html>