How can I prevent floated div elements from wrapping when the browser is re-sized?

Question

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:          


        

Answer 1

It is actually really simple. Example of code:

Element {
white-space: nowrap;
}