How to avoid child elements to be wrapped?
I have a container div `.parent` with a fixed width `500px` which contains a lot of child divs `.child`.

The problem is that the child divs are getting auto wrapped, in my case i want them to continue in one line even if they'll be hidden and after that i'll add custom buttons to horizontally scroll the `.parent` div.

Demo: [http://jsbin.com/egohi3][1]

How to achieve that with keeping the floating?

Thanks


  [1]: http://jsbin.com/egohi3
How to avoid child elements to be wrapped?
===

I have a container div `.parent` with a fixed width `500px` which contains a lot of child divs `.child`.

The problem is that the child divs are getting auto wrapped, in my case i want them to continue in one line even if they'll be hidden and after that i'll add custom buttons to horizontally scroll the `.parent` div.

Demo: [http://jsbin.com/egohi3][1]

How to achieve that with keeping the floating?

Thanks


  [1]: http://jsbin.com/egohi3