On 9/22/06, ~davidLaakso <[EMAIL PROTECTED]> wrote:
> Tracey Zellmann wrote:
> > Probably a beginner question.
> >
> > I have one line of text containing two elements. I want one to be
> > left-justified and one to be right-justified.
> > Something like this:
> >
> > JAMES W. JACOBS,
> > Proprietor
> >
> > I am not sure how to accomplish this.
> CSS
> span {float: right;}
> HTML (the right-float comes first in the source-- the opposite of what
> one might think)
> <p><span>Proprietor</span> JAMES W. JACOBS,<p>
While that will work, I think this is an awesome opportunity to use a
definition list, especially if you're going to be mentioning other
people and their titles.
Example:
HTML:
<dl>
<dt>JAMES W. JACOBS</dt>
<dd>Proprietor</dd>
</dl>
CSS:
dt { width: 60%; float:left; clear:left; }
dd { width:35%; float:left; text-align:right; }
Adjust widths to taste. The clear:left is on the dt in the event you
want to add more names/titles.
Cheers!
j
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
