Ugh.  Of /course/ I come up with a solution after I post to the list...

        .label p.nut {float: left; text-align: left;}
        .label p.pct {text-align: right;}

Then my XHTML within a <div class="label"> is:

        <p class="nut">left aligned</p><p class="pct">right-aligned</p>

If this looks silly for any reason, I'd appreciate the feedback!

-- Charles


-----Original Message-----
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Charles Wiltgen
Sent: Tuesday, October 18, 2005 8:37 PM
To: 'CSS'
Subject: [css-d] Beginner Q: Aligning left and right on same line?

Hello,

I've been reading lots about CSS, and am really just putting it into
practice.  I'm not yet at the point where I "think" in CSS, but at least I
can ask how to get to the bathroom.   :O)

On several lines of text within a <div>, I'd like some of the text to be
aligned left and the rest of the text to be aligned right without the
gratuitous use of tables.

          | left-aligned     right-aligned |

I've tried making each a span, and floating one left and one right, but that
doesn't work.  I added left and right alignment to the floats, and it still
doesn't work.  I wasn't able to find examples online.

A solution would be much appreciated!

-- Charles


______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to