Question

There is a Div of width say 500px and height 50px.
Inside this Div there are many (say 50) small Div of width 50px and height 50 px.
Now i want a horizontal scroll instead of a vertical one.
How can i force those small divs to overflow horizontally not vertically

Also number of small divs can change.

Answer 1

Assign the following CSS to the outer DIV:

white-space: nowrap;
overflow-x: scroll;

See an example at this fiddle.