Comments on: Two Column Definition lists

By: Archimedes Trajano

Archimedes Trajano — Sun, 21 Jan 2007 06:08:23 +0000

Have you had any luck with this? And a sample I can look at?

By: assaf

assaf — Tue, 07 Feb 2006 02:10:23 +0000

oops. forgot that markup get swallowed. but any, the % thing seems to work, at least on FireFox.

By: assaf

assaf — Tue, 07 Feb 2006 02:02:14 +0000

dt {
width: 50%;
text-align: right;
float: left;
margin-right: 10px;
}

dd {
margin-left: 50%;
}

test
this
test some more
of this thing

By: Andy Hume

Andy Hume — Sat, 04 Feb 2006 11:30:54 +0000

The way I normally achieve this effect is by floating the dt element to the left, causing the dd element to flow directly after it - however long the text is.

dl.example dt { float:left; width: 6em; text-align: right; }

And no need for the margins on the dd then - infact you don’t need to style it at all to achieve the layout effect.

By: Andy Hum

Andy Hum — Sat, 04 Feb 2006 11:28:16 +0000

The way I normally achieve that effect, is by floating the dt element left, causing the dd element to flow directly after it.

dl.example dt {

width: 6em; text-align: right; }