# DIVs floating next to each other without a wrap!

**URL:** <https://forum.kirupa.com/t/divs-floating-next-to-each-other-without-a-wrap/241983>\
**Category:** web dev\
**Created:** [October 20, 2007, 12:05pm UTC](https://forum.kirupa.com/t/divs-floating-next-to-each-other-without-a-wrap/241983 "2007-10-20T12:05:27Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![vxdom](https://avatars.discourse-cdn.com/v4/letter/v/6a8cbe/32.png) [@vxdom](https://forum.kirupa.com/u/vxdom)\
**Post date:** [October 20, 2007, 12:05pm UTC](https://forum.kirupa.com/t/divs-floating-next-to-each-other-without-a-wrap/241983/1 "2007-10-20T12:05:27Z")

</div>

Hello guys,

I’m trying to create a design based around this:

[http://www.skatebasingstoke.com/x/](http://www.skatebasingstoke.com/x/)

But, I want the light green divs to always be next to each other, currently they wrap if the page is too narrow, whereas I want a horizontal scrollbar to appear.

The only way I’ve came around this is to add a fixed width accordingly to the yellow container they’re in, but I can’t use this because the number of light green DIVs will vary! Sometimes there will be 9, sometimes 12, or 25! etc…

Any help?