How do you make DIV\'s that are floated left next to each other not wrap when the browser is re-sized such that the viewport becomes smaller?
div { float:
Make the container div around them
.container { width: 500px; white-space: nowrap; overflow: visible/hidden/scroll - whichever suits you; }