How do I do this?

[Crump]

Having Trouble getting CSS to do this:

------------------------------------------------- 
¦Left Text -------------------------- Right text ¦ 
¦ 
¦This is the main content of the page, the two  
¦headers above are on the same line, one is  
¦aligned to the left and the other to the right  
¦of the parent DIV. Do I use float:left,  
¦float:right and display:inline? I can't seem  
¦to get it to work!   
------------------------------------------------- 

The box is the parent div (imagine there is a line down the right side of it, and the dashes in between the left text and right text do not exist)

Thanks!

[garann]

I usually do this, so they'll apeear in that same order without the CSS:

<div style="text-align:right;">
<div style="float:left;width:40%;text-align:left;">Left Text</div>
Right Text
</div>

Might need some tweaks to actually work, but I'm sure you get the gist.

[Crump]

That worked great, thanks!