<!DOCTYPE html>
<html>
    <head>
        <title>balancing fixed-height multicol</title>
    </head>
    <body style="overflow:hidden;">
        <p>There should be three identical blue rectangles below.</p>
        <div style="width:20em;">
            <div style="float:left; width:6em; height:2em; background:blue;"></div>
            <div style="float:left; width:1em; height:2em;"></div>
            <div style="float:left; width:6em; height:2em; background:blue;"></div>
            <div style="float:left; width:1em; height:2em;"></div>
            <div style="float:left; width:6em; height:2em; background:blue;"></div>
        </div>
    </body>
</html>