[thelist] Compact definition list

Hassan Schroeder hassan at webtuitive.com
Sat Oct 11 15:59:25 CDT 2003

M.G.Noriega wrote:

>> dd, dt {display:inline;}

> I was a bit too quick, with that you get no line break after the dt and 
> at the beginning of the dd, which is cool, but neither after the dd and 
> that's not cool.

Here's one approach, no <br/> required :-)

dt {
	float: left;
	width: 8em;
	font-weight: bold;
	clear: left;
dd {
	clear: right;
/* A long (multi-word) DT will wrap into the 8em left "column";
  * a long DD will still wrap below the DT, with left margin...

Hassan Schroeder ----------------------------- hassan at webtuitive.com
Webtuitive Design ===  (+1) 408-938-0567   === http://webtuitive.com

                           dream.  code.

More information about the thelist mailing list