http://jsbin.com/emiye5/4/
The DD and DT are floated, when a DD has more content, the next set can't
stayed align horizontally.
P/s. I only use DL because LI doesn't make sense here and I can't get the
visual result I wanted.
#data-attribute {width:700px;background:#f9f9f9;overflow:hidden;}
#data-attribute dt{font-weight:bold;width:15%;}
#data-attribute dd{width:85%;clear:right}
#data-attribute dt, #data-attribute dd {float:left;padding:5px 0;margin:0;
border-bottom:1px solid #ddd;}
BTW, can one confirms if clear:right ever work or it only works with certain
combination? I have clear:right in the dd and it's not helping. Actually I
never able to get clear right work.
Thanks!
tee
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [email protected]
*******************************************************************
