span居左

style>

ldjh_area{ width:581px; height:275px; border:1px solid #66CCFF;}

arrow1{ float:left; width:20px; height:28px; background:url(../images/arrow1.gif) center no-repeat;}

</style

<div class="ldjh_area">

<ul>

<li> <span class="arrow1"> </span> </li>  <!--（span中是一个小箭头图标）这第一个span在ie中能居左，但在ff中确没有居左，左边留了很大一块空白-->

<li> <span class="arrow1"> </span> </li>  <!--这第二个span在ie中换行显示，但没有像第一个span那样完全居左，而是缩进了一点，即不能和第一个span纵向对齐。而在ff中显示确没有换行，而是紧挨着第一个span出现。-->

</ul>

</div>

我想要的效果是每行一个span，而且span能纵向对齐，请问要怎么改？

#1楼 得分：5回复于：2009-06-11 09:48:46

HTML code

<style> .ldjh_area{ width:581px; height:275px; border:1px solid #66CCFF;} li{ clear:both;} .arrow1{float:left; width:20px; height:28px; background:url(../images/arrow1.gif) center no-repeat;} </style <div class="ldjh_area"> <ul> <li> <span class="arrow1"> </span> </li> <!--（span中是一个小箭头图标）这第一个span在ie中能居左，但在ff中确没有居左，左边留了很大一块空白--> <li> <span class="arrow1"> </span> </li> <!--这第二个span在ie中换行显示，但没有像第一个span那样完全居左，而是缩进了一点，即不能和第一个span纵向对齐。而在ff中显示确没有换行，而是紧挨着第一个span出现。--> </ul> </div>