<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <style>
            html { column-width:250px; column-gap:0; height:500px; width:500px; column-fill:auto }
            body { margin: 0 }
            .float {
                width:80px;
                height:80px;
                border:5px solid maroon;
                margin:0;
            }
        .left {float:left;}
        .heading {
            overflow:hidden;
            border:5px solid blue;
        }
        </style>
    </head>
    <html>
        <body>
            <div class="float left"></div>
            <h1 class="heading">Text that should not be clipped out.</h1>
            
        </body>
    </html>