[thelist] Stacking <div>s horizontally

[Justin Stach]

Hello List,

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.

If that's not clear, here's what I have got:


|    visible page     |
.___. .___. .___. .___.
| 1 | | 2 | | 3 | | 4 |
!___! !___! !___! !___!
.___. .___.
| 5 | | 6 |
!___! !___!


And here's what I want to happen:

|    visible page     |
.___. .___. .___. .___. .___. .___.
| 1 | | 2 | | 3 | | 4 | | 5 | | 6 |
!___! !___! !___! !___! !___! !___!

And here's part of the stylesheet:

div {
    border: 1px dotted #000;
    padding: 3px;
    margin-left: 15px;
    float: left;
}

div.standard {
    width: 173px;
}

Thanks in advance,

Justin