Hi Tee, In your case, clear: right wont help, since you have independent element like DT, DD, dont apply the border- bottom for all, just give border-bottom for the DL just having the markup like
<dl> <dt class="label">Summary</dt> <dd class="data">The finest of Japanese teas, Gyokuro bushes are covered for several weeks before harvest with bamboo or straw shades to increase the chlorophyll content of the leaves. The results of this transformation are the renowned dark green leaves with high concentrations of Antioxidants, vitamins and amino acids. Celebrated for its emerald green infusion and sweet aftertaste.</dd> </dl> <dl> <dt class="label">Weight</dt> <dd class="data">100.0000</dd> </dl> <dl> <dt class="label">Ingredients</dt> <dd class="data">N/A</dd> </dl> If you write the markup in this fashion, you wont get any alignment problem, and page looks neat as well :) Thanks, JC On Thu, Mar 31, 2011 at 4:45 PM, tee <[email protected]> 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] *******************************************************************
