<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;就行啦。