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:
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
Post a Comment