如何横排DIV

Question

本人遇到一个奇怪的问题，望高手来帮忙解决一下。
<div class="newstitle">
<dt class="lefttitle">最新动态</dt><span class="more">进入</span>
</div>
这里的newstitle是一个外面的层，左浮动的，floal:left;那么里面的dt和span怎么样才能横排呢，我怎么都 做不到。
解决后高分回报。谢谢

Answer 1

div本身是块级元素，也就是会自动占据一整行的位置且宽度自动100%，但是浮动后变成行内元素且宽度仅包含内部元素，所以如果该div内部均为行内元素，只要为该div设置宽度即可保证里面的行内元素横排布局，你这儿的span即行内元素，儿dt单独用在这儿是不正确的（即使浏览器能解析），dt应该和dl，dd一起用，为无序列表，如：
<dl>
<dt></dt>
<dd></dd>
</dl>
可将dt换成span或者其他行内元素。如下：
<div class="newstitle" style="width:500px">
<span class="lefttitle">最新动态</span><span class="more">进入</span>
</div>

Answer 2

首先 你这个dt 是什么东西，我没有见过，顶多见过table里面有个td，如果你非要用dt，那我帮不了你

那你的代码改成这样
<div class="newstitle">
<div class="lefttitle">最新动态</div>
<div class="more">进入</div>
</div>
或者改成
<div class="newstitle">
<span class="lefttitle">最新动态</span>
<span class="more">进入</span>
</div>

在lefttitle和more的样式里加上 float:left;

搞定

Answer 3

你可以把<dt>换成<span>
或者为<dt>加上宽度，和floal:left;

Answer 4

float:left;