I suppose a DIV with "clear:both" style can make its parent containing DIV doesn't wrap, but below HTML seems not work in that way.
If the browser window is narrow, the second DIV "OK OK" still wraps to next line.
<div style="overflow: hidden;">
<div style="float: left; overflow: hidden; white-space: nowrap">
Hello world 1 Hello world 2 Hello world 3
</div>
<div style="float: left; overflow: hidden; white-space: nowrap">
OK OK OK OK OK OK OK OK
</div>
<div style="clear: both;">
</div>
</div>
Did I miss something?