<!DOCTYPE html>
<html>
    <head>
        <style type="text/css">
            #container {
                width: 200px;
            }
            #float {
                float: left;
                height:50px;
                width: 50px;
                background-color:red;
            }
            #nowrap {
                white-space: nowrap;
            }
         </style>
    </head>
    <body>
        A no-wrap child that does not fit on an autowrap line should shift down even when there
        is no whitespace after the no-wrap child.
        <div id="container">
            <div id="float"></div>
            <span id="nowrap">This text should be under the red square.</span>
        </div>
        <br>
        <div id="container nowrap">
            <div id="float"></div>
            <span id="nowrap">This text should be to the right of the red square.</span>
        </div>
    </body>
</html>