1. I think you invented a new property "overholow:hidden". Supposed to be
"overflow: hidden;" ?
2. If you place the borders on top of the elements, you have no lining up
issues:
#data-attribute dt, #data-attribute dd
{
float: left;
padding: 5px 0;
margin: 0;
border-top: 1px solid #ddd;
}
3. Both items are floated left. Setting a clear: right will not help or have
any affect here. Clear: right will clear any right floated item above.
Thanks
Russ
--------------------------------------------------
Russ Weakley
Max Design
Phone: (02) 9410 2521
Mobile: 0403 433 980
Email: [email protected]
Skype: russ-maxdesign
MSN: [email protected]
Website: http://www.maxdesign.com.au/
Twitter: http://twitter.com/russmaxdesign
Linkedin: http://www.linkedin.com/in/russweakley
Slideshare: http://www.slideshare.net/maxdesign/
--------------------------------------------------
On 31/03/2011, at 10:15 PM, tee wrote:
> 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]
> *******************************************************************
>
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [email protected]
*******************************************************************
