Dev monkey wrote:
Hi all,
the typical way to format definition lists as a 2-column table is to float
the DTs (left column) and give the DDs a left margin larger than the DT
width. This works
fine when all DDs are equal to, or longer than, their matching DT.
In my case, all my definition-list elements are one line long, except for
the top DT which wraps onto two lines. This throws off the vertical
alignment of DT/DD pairs:
First DT is longer First DD
than one line Second DD
Second DT Third DD
Third DT Fourth DD
Fourth DD
Is there a way for me to style the DT/DD elements without resorting to
enclosing each pair in extra markup like a DIV?
Thanks,
UTAN Dev
Maybe something like this.
dl dt {
width:36%;
margin:0 0 1em 5px;
padding:0;
float:left;
clear:left;
}
#wrapper2 dl dd {
width:62%;
margin:0 0 1em;
padding:0;
float:left;
}
--
Alan http://css-class.com/
Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
