html 如何让<dl>里面的<dt>和<dd>按行排列，就是在同一行上边

Question

要<dt>和<dd>在同一行

Answer 1

.menuDiv {width:1px;height:32px;background:#999}

#submenu { MARGIN: 10px 0px 0px 10px;
PADDING: 0px;
float:left;
BORDER: #fff 1px solid;
BACKGROUND: #fff;
COLOR: #fff;
HEIGHT:25px;
}

#submenu ul { CLEAR: left;
MARGIN: 0px;
PADDING:0px;
BORDER: 0px;
LIST-STYLE-TYPE: none;
TEXT-ALIGN: center;
DISPLAY:inline; /*不换行*/
}

#submenu li { FLOAT:left; /*横向浮动*/
MARGIN: 0px;
display:block;
line-height:28px;
PADDING: 0px;
TEXT-ALIGN: center
}

#submenu li a { DISPLAY: block;
PADDING:2px 2px 2px 2px;
BACKGROUND:#fff transparent no-repeat 2px 2px;
FONT-WEIGHT: bold;
WIDTH: 100%;
COLOR: #666;
TEXT-DECORATION: none;
}

#submenu li a:hover { BACKGROUND:#666 no-repeat 2px 2px; COLOR: #fff; }

#submenu ul li#one A { WIDTH: 50px}
#submenu ul li#two A { WIDTH: 75px}
#submenu ul li#three A { WIDTH: 75px}
#submenu ul li#four A { WIDTH: 75px}
#submenu ul li#five A { WIDTH: 75px}
#submenu ul li#six A { WIDTH: 75px}
#submenu ul li#seven A { WIDTH: 50px}
对应代码：如下
<div id="submenu">
<ul>
<li id="one"><a title="首页" href="../../../BookWeb/Web/Index.aspx">首页</a></li>
<li class="menuDiv"></li>
<li id="two"><a title="技术讨论" href="../../../BookWeb/Web/BBS/BBS.aspx">开发论坛</a></li>
<li class="menuDiv"></li>
<li id="three"><a title="技术文章" href="../../../BookWeb/Web/TecBooks/TecBooks.aspx">技术文章</a></li>
<li class="menuDiv"></li>
<li id="four"><a title="游戏动态" href="../../../BookWeb/Web/News/News.aspx">游戏动态</a></li>
<li class="menuDiv"></li>
<li id="five"><a title="个人博客" href="../../../BookWeb/Web/Blog/Blog.aspx">个人空间</a></li>
<li class="menuDiv"></li>
<li id="six"><a title="相关教程" href="../../../BookWeb/Web/Download/Download.aspx">资源下载</a></li>
<li class="menuDiv"></li>
<li id="seven"><a title="关于" href="../../../BookWeb/Web/About/About.aspx">关于</a>
</li>
</ul>
</div>

Answer 2

<style>
dl{clear:left;}
dt,dd{float:left;}
</style>
<dl>
<dt>test </dt>
<dd>t1 </dd>
</dl>
<dl>
<dt>test2 </dt>
<dd>t2 </dd>
</dl>