Dave Solko wrote:
> I'm trying to align two groups of text so they butt up against each
> other, similar to decimal alignment.
>
> I want something that looks like:
> foo: bar
> hi: mom
> something: everything
> john: yaya
> eleven: some longish text ... about amplifiers
>
> but, I've been unable to do it without the html looking like:
>
> foo: hi: something: john: eleven:
> bar mom everything yaya some longish text...
>
> And I would like to avoid that if possible so it degrades gracefully.
A definition list.
dl, dt, dd {float: left; margin:0; padding:0}
dl { width: 19em;}
dt { width:7em; padding:0.25em 0.5em; text-align:right; }
dd { width:9em; padding:0.25em 0.5em; }
<dl>
<dt>foo:</dt>
<dd>bar</dd>
<dt>eleven:</dt>
<dd>some longish text ... about amplifiers</dd>
</dl>
Ingo
--
http://www.satzansatz.de/css.html
______________________________________________________________________
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/
