[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...
  */

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

                           dream.  code.





More information about the thelist mailing list