Showing divs side by side

[Adam]

What would be the best way to make four roughly square divs line up in
a horizontal row on a page? I've tried display:inline; with no luck
(it just destroyed the box shape) and at the moment I've got a very
messy solution with display:table-cell - I had to put   between
each div as margin had no effect.

Any ideas? Greatly appreciated.

A

[Ben C]

On 2007-07-19, Adam <ki*************@gmail.comwrote:

What would be the best way to make four roughly square divs line up in
a horizontal row on a page? I've tried display:inline; with no luck
(it just destroyed the box shape) and at the moment I've got a very
messy solution with display:table-cell - I had to put &nbsp; between
each div as margin had no effect.

Any ideas? Greatly appreciated.

Make them float: left.

display: inline-block would be ideal, but is not widely supported.

[Neredbojias]

Well bust mah britches and call me cheeky, on Thu, 19 Jul 2007 21:02:24 GMT
Adam scribed:

What would be the best way to make four roughly square divs line up in
a horizontal row on a page? I've tried display:inline; with no luck
(it just destroyed the box shape) and at the moment I've got a very
messy solution with display:table-cell - I had to put &nbsp; between
each div as margin had no effect.

Any ideas? Greatly appreciated.

As Ben C said, floats are the answer. But read-up on "clear" for what
follows.

--
Neredbojias
A self-made man who worships his creator

[Andy Dingley]

On 19 Jul, 22:02, Adam <[e-mail]:

Any ideas? Greatly appreciated.

Use float

Read http://brainjar.com/css/positioning/ for a guide to the gory
details. It's easy to put the <div>s where you want, getting things to
sort themselves out afterwards (with clear) needs a bit more digging.