avoiding a one row table

I'm trying to learn how to use CSS rather than burdening my code with
lots of tables.

I've got content that I would normally place in a one row, 3 column
table. How to I do this using css instead? The following doesn't work
nor does moving the various inner div's around

<div width="100%">
<div style="float:right">1111</div>
<div style="float:right">2222</div>
<div style="float:right">3333</div>
</div>

I've also tried the following.
<div width="100">
<div>1111</div>
<div style="float:right">
<div>2222</div>
<div style="float:right">3333</div>
</div>
</div>

Neither of these approaches gives me the three div's in a row. Any
hints would be appreciated!!

David

Maybe this:

http://css.maxdesign.com.au/floatutorial/

tutorial 2 and 3 might help?

H.

"David Schwartz" <davids58 (AT) gmail (DOT) com> schreef in bericht
news:7ca7ba19-5a7b-4ebd-ae4e-28c3b7ce1429 (AT) m44g2000hsc (DOT) googlegroups.com...

I'm trying to learn how to use CSS rather than burdening my code with
lots of tables.