css - How to place DT elements side by side? -


this: http://jsfiddle.net/zcdkt/1/

renders:

dt-namea dd-definitiona 1  dt-nameb dd-definitionb 1 dd-definitionb 2 

i wish have this:

dt-namea                 dt-nameb dd-definitiona 1         dd-definitionb 1 dd-definitionb 2 

i've tried display inline, float, clear... can't figure out. ?

update: inside anchors, may have different size images this, hence, don't side side:

http://jsfiddle.net/j6ute/3/

separate dls way achieve because need wrapper element: http://jsfiddle.net/david_knowles/j6ute/

<div id="links-logolinks">     <dl>         <dt>support</dt>         <dd><a href="">support 1</a></dd>     </dl>     <dl>         <dt>partners</dt>         <dd><a href="">partner 1</a></dd>         <dd><a href="">partner 2</a></dd>     </dl> </div> 

Comments

Popular posts from this blog

SPSS keyboard combination alters encoding -

Add new record to the table by click on the button in Microsoft Access -

CSS3 Transition to highlight new elements created in JQuery -