<!DOCTYPE>
<html>
    <head>
        <style>
            section { clear: both; }
            div  { float: left; }
        </style>
    </head>
    <body>
        <section style="padding-top: 1px;">
            foobar
        </section>
        <section style="padding-top: 1px;">
            <div>foo</div> 
            <div>bar</div> 
        </section>
        <section style="padding-top: 0.4px;">
            <div>foo</div> 
            <div>bar</div> 
        </section>
        <section style="padding-top: 0.5px;">
            <div>foo</div> 
            <div>bar</div> 
        </section>
        <section>
            All five blocks above should have the same width and not wrap.
        </section>
    </body>
</html>