怎么在一行显示下面代码？
我想让dt   dd   dd   在一行显示，
显示为：   J2SE(TM)   5.0专题   之   语言特性   佚名   [2007-4-24]
可是显示不在一行上，   这是怎么回事呢？
以下代码，   可以怎么改进呢？

<div   id= "recent ">
<dl>
<div   class= "div ">
<dt>
  <a   href= "# "> J2SE(TM)   5.0专题   之   语言特性 </a> </dt>
    <dd> 佚名 </dd>
    <dd> [2007-4-24] </dd>
    <dt>
  <a   href= "# "> J2SE(TM)   5.0专题   之   语言特性 </a> </dt>
    <dd> 佚名 </dd>
    <dd> [2007-4-24] </dd>
</div>

</dl>
</div>


#recent{
    margin-top:2em;
}
#recent   dd   {
display:   inline;

}

#recent   dt{
line-height:1.0;

padding:1em   0   0   0.4em;
margin:0.75em   0   0.8em;
background-image:   url(icon-star.gif);
background-repeat:   no-repeat;
background-position:   left   bottom;

}

#recent   .div{
border-top:1px   dashed   #b6c8b0;
display:   inline;
}

------解决方案--------------------
<style type= "text/css ">

#recent{
margin-top:2em;
width:400px;
}
#recent dd {
float:left;
padding:0.6em 0 0.4em 0.4em;
display: inline;

}

#recent dt{
float:left;
line-height:1em;
padding:0.6em 0 0.4em 0.4em;
background-image: url(icon-star.gif);
background-repeat: no-repeat;
}

#recent .div{
float:left;
border-top:1px dashed #b6c8b0;
display: inline;
}

楼上,你试试

</style>

<div id= "recent ">
<div class= "div ">
<dt>
<a href= "# "> J2SE(TM) 5.0专题 之 语言特性 </a> </dt>
<dd> 佚名 </dd>
<dd> [2007-4-24] </dd>
</div>
<div class= "div ">
<dt>
<a href= "# "> J2SE(TM) 5.0专题 之 语言特性 </a> </dt>
<dd> 佚名 </dd>
<dd> [2007-4-24] </dd>
</div>
</div>