<p>换行的有关问题

<p>换行的问题
在CSS中有：
#gardens-panel-content
{
  padding:10px 18px 15px 18px;

}

#gardens-panel-content a
{
  float:left;
  font-size:16px;
color:#FFFF00;
}

在相应的HTML文件中有：
<div id="gardens-panel-content">
  <a href="#">关注IT教育年度盛典 产业升级成为焦点</a>
  <p> 中国IT教育15年来经历过三个主要阶段，。。。 </p>
</div>

可是网页上显示“中国IT教育15年。。。”紧接着“关注IT教育年度盛典 产业升级成为焦点”，并没有另起一行，不是已经用<p>标注了吗，这是为什么呢

[解决办法]
去掉a的 float:left
或者<p style="clear:both;">

HTML code

<style>#gardens-panel-content{  padding:10px 18px 15px 18px;}#gardens-panel-content a{    font-size:16px;    color:#FFFF00;}</style><div id="gardens-panel-content">  <a href="#">关注IT教育年度盛典 产业升级成为焦点</a>  <p> 中国IT教育15年来经历过三个主要阶段，。。。 </p></div>
[解决办法]
如果没有为<a>设置左浮动，<p>就在<a>下面，也就是换行。因为设置了左浮动，会导致<a>顶在<div>的左边，这时如果<a>的宽度没达到<div>的宽度，<p>不就上去了，和<a>在同一行了。
如果你想保持<a>在左边，而<p>换行显示，给<p>加个clear:left;就行啦。