浮动怪事，请高手帮忙


<div>
  <ul>
    <li>
     <span class="li_style"></span>
     <span class="img_tuijian"></span>
     <span class="date_style"></span>
    </li>
  </ul>
</div>
CSS样式: .datalist div{float:left;}
.datalist li{line-height:18px;    white-space:nowrap;}
.datalist li .li_style{ padding-left:10px;margin-left:10px;float:left;}
.datalist li .date_style{width:2…
为什么第三个span总是推后一行呢？
<span class="li_style"> </span>和 <span class="date_style"> </span>都是浮动的， <span class="img_tuijian"> </span>是动态生成的一个小图片，只要一生成就会出现 <span class="date_style"> </span>跑到下一行的怪事，不知道咋了，请高手帮忙