关于浮动排版问题：如何与前面的内容排版到同一行内

例如下面的代码:

<div id="forumHot">
<div id="budgetLine">
<h3>自助线路</h3>
<ul class="subjectNav"><li><a href="#" title="更多">更多</a></li></ul>
<ul class="hotList">
<li><a href="#" title="帖子标题">龙胜大寨梯田</a><a href="#" title="个人资料" class="postMember">作者</a></li>
<li><a href="#" title="帖子标题">我的英国签证</a><a href="#" title="个人资料" class="postMember">作者</a></li>
<li><a href="#" title="帖子标题">为你设计四天香港游</a><a href="#" title="个人资料" class="postMember">作者</a></li>
<li><a href="#" title="帖子标题">海南三亚</a><a href="#" title="个人资料" class="postMember">作者</a></li>
<li><a href="#" title="帖子标题">北京黄山</a><a href="#" title="个人资料" class="postMember">作者</a></li>
</ul>
</div>

<div id="company">
<h3>结伴而行</h3>
<ul class="subjectNav"><li><a href="#" title="更多">更多</a></li></ul>
<ul class="hotList">
<li><a href="#" title="帖子标题">将北京情节进行到底</a><em>2008-02-28</em></li>
<li><a href="#" title="帖子标题">上海出发</a><em>2008-02-28</em></li>
<li><a href="#" title="帖子标题">大连长白山</a><em>2008-02-28</em></li>
<li><a href="#" title="帖子标题">将北京情节进行到底</a><em>2008-02-28</em></li>
<li><a href="#" title="帖子标题">上海聚会</a><em>2008-02-28</em></li>
</ul>
</div>

<div id="colloquy">
<h3>七嘴八舌</h3>
<ul class="subjectNav"><li><a href="#" title="更多">更多</a></li></ul>
<ul class="hotList">
<li><a href="#" title="帖子标题">龙胜大寨梯田</a><a href="#" title="个人资料" class="postMember">作者</a></li>
<li><a href="#" title="帖子标题">我的英国签证</a><a href="#" title="个人资料" class="postMember">作者</a></li>
<li><a href="#" title="帖子标题">为你设计四天香港游</a><a href="#" title="个人资料" class="postMember">作者</a></li>
<li><a href="#" title="帖子标题">海南三亚</a><a href="#" title="个人资料" class="postMember">作者</a></li>
<li><a href="#" title="帖子标题">北京黄山</a><a href="#" title="个人资料" class="postMember">作者</a></li>
</ul>
</div>

<div id="question">
<h3>有问必答</h3>
<ul class="subjectNav"><li><a href="#" title="更多">我要提问</a>|<a href="#" title="更多">更多</a></li></ul>
<ul class="hotList">
<li><a href="#" title="帖子标题">pp岛的住宿</a></li>
<li><a href="#" title="帖子标题">请教具体行程</a></li>
<li><a href="#" title="帖子标题">为你设计四天香港游</a></li>
<li><a href="#" title="帖子标题">海南三亚</a></li>
<li><a href="#" title="帖子标题">北京黄山</a></li>
</ul>
</div>
</div>

想最终排版成如下图所示：



刚开始想让“作者”所在的标签<a>向右浮动，结果发生了错行，效果如下图：



原因是因为<a href="#" title="个人资料" class="postMember">作者</a>标签前面的标签<a>会占据一个行框，所以作者标签<a>就会在新的行框中向右浮动，所以产生了错行。

解决方法：可以将前面的主题标签<a>向左浮动，这样主题标签就不会占据一个行框，就可以解决错行的问题。