make a single row of divs with horizontal scroll bars

Question

Ok so I thought I had this fixed using white-space:no-wrap it worked in chrome but nothing else.

I have something like this:

Answer 1

You need to put one massive horizontal div inside the parent div with overflow: auto; This will allow the to float left without wrapping to the next line, and it will only scroll when the boundary of the parent div is crossed.