编写css,将纵向排列变成横向排列：

这是css:
.leftMainBox .smallbox1 {float:left;width:180px;margin:10px;_margin-

left:5px;border:#b6e6fb 1px solid;}
.leftMainBox .smallbox2 {float:left;width:322px;margin:10px 0;}
.leftMainBox .smallbox3 {float:left;width:180px;margin:10px;_margin-

right:5px;}
li.listimg1 {vertical-align: super;clear:none;color:#999;line-

height:20px;text-align:center; }
li.listimg1 span {display:block;font:12px/20px Tahoma;text-align:center; }
li.listimg1 a {line-height:20px;}
li.listimg1 img {border:0;border:#d6d6d6 0px 

solid;overflow:hidden;margin:0;padding:1px;}
li.listimg1 a {color:#0066ff;text-decoration:underline;font-weight:bold;}

下面是页面在查看源码下的表现：
<tr>
      <td><ul class="smallbox3"><li class="listimg1"><a href="/2011gz/show.asp?id=12307" target="_blank"><img src="/2011gz/UploadPic/2011-11/201111911553672223.jpg" width="180" height="140" border="0" alt="管理首页管理首页" /></a><span></span>
<a href="/2011gz/show.asp?id=12307" target="_blank" title="管理首页管理首页">管理首页管理首页</a></li>
<li class="listimg1"><a href="/2011gz/show.asp?id=12283" target="_blank"><img src="/2011gz/UploadPic/2011-11/201111911525716632.jpg" width="180" height="140" border="0" alt="图片" /></a><span></span>
<a href="/2011gz/show.asp?id=12283" target="_blank" title="图片">图片</a></li>
 
</ul></td>
    </tr>
    <tr>

现在图片显示出来是这样的，要变成横向排列的图片。

追问：不行。整个全居左了可以了，实在是太感谢了，我一个美工，看这些代码真是要人命，写代码的同事都不给帮个忙，什么人呀！！！给你追加分！！这样的图片横向排列，没有间距啊。float :left ；这个属性已经写了啊