Not sure if this is a complete newbie question, but I looked at a lot of css websites and havent seen this:

I want to get this effect:

Price: --------$19,888
Make: ----------BMW

So the catagory(price/make) is left aligned and the value($19,888/bmw) is right aligned inside my fixed width div. (the dashes represent space)

I have been using 2 paragraph classes:

p.l {
text-align: left;
float: left;
p.r {
text-align: right;
float: right;

Then I use a <br clear="all" /> between lines otherwise every thing would bunch up.

Is there a simpler way to do this effect? right now the clear all looks fine in ie6 but in firefox give lots of space between lines.

Thanks for any help... Pete