li中的span设置float:right不生效

li中的span设置float:right不生效：

部分html代码如下：

<li>
    <span id='one'></span>
    <span id='two'></span>
</li>

部分css代码如下：

li{
    display:block;
}
#one{
    float:left;
}
#two{
    float:right;
}

本意是想让两个span在li中，第一个span左浮动，第二个span右浮动，结果第二个span右浮动没生效，显示的结果还是左浮动

解决方法：
在li的css中设置一个属性height，即将li的属性display:block和height一起设置，里面的span设置浮动才生效。

li{
    display:block;
    height:30px;
}
#one{
    float:left;
}
#two{
    float:right;
}

span设置margin不生效

html如下：

  <div id="filePanel">
        <button id="selectFileBtn">选择文件</button>
        <span>支持文件格式：txt，xsl，csv</span>
        <br />
        <span style="display:inline-block">
               参与抽奖的嘉宾人数：<i id="number">20</i>
               <a href="#">查看</a>
        </span>
   </div>

解决方法：给span添加属性display:inline-block就可以给span标签设置margin   padding属性了

span的css如下：

font-size: 12px;
margin-left: 127px;
margin-top: 8px;
display:inline-block