Forum Moderators: not2easy

Message Too Old, No Replies

How do I do this?

         

Crump

5:13 pm on Jul 28, 2006 (gmt 0)

10+ Year Member



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

11:43 pm on Jul 28, 2006 (gmt 0)

10+ Year Member



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

3:52 pm on Jul 30, 2006 (gmt 0)

10+ Year Member



That worked great, thanks!