<!DOCTYPE html>
<html>
    <head>
        <title>Avoid column break inside block</title>
    </head>
    <body>
        <p>There should be a blue square below.</p>
        <div style="-webkit-columns:4; columns:4;">
            <div style="width:100px; height:100px; -webkit-column-break-inside:avoid; break-inside:avoid; background:blue;"></div>
        </div>
    </body>
</html>