<!DOCTYPE html>
<html>
    <head>
        <title>Forced break inside scrollable container</title>
    </head>
    <body>
        <p>The word 'PASS' should be seen on the left below. The scrollbars shouldn't be scrollable.</p>
        <div style="-webkit-columns:2; columns:2; orphans:1; widows:1;">
            <div style="overflow:scroll; height:10em;">
                &nbsp;
                <div style="-webkit-column-break-before:always; break-before:column;">PASS</div>
            </div>
        </div>
    </body>
</html>
