[thelist] Stacking <div>s horizontally

[Mark Howells]

> I'm at the end of my tether - I have a <div> element that I want to repeat
> horizontally along the page without the browser flowing them to the visible
> edge and then moving down a row. Basically I want to force a horizontal
> scroll.

<div id="container">
   <div class="floater"></div>
   <div class="floater"></div>
   <div class="floater"></div>
   <div class="floater"></div>
   <div class="floater"></div>
   <div class="floater"></div>
   <div class="floater"></div>
   <div class="floater"></div>
   <div class="floater"></div>
   <div class="floater"></div>
</div>


#container {width:2000px}
.floater        {width:200px;float:left}

Regards
Mark Howells
<http://www.mark.ac/>