使用bootstrap时，选项框出现的意外效果，怎么办？

<label for="" style="float:right;margin-right:10%;">
    <input type="checkbox" style="float:left;" /><span style="width:80px; height:20px; line-height:25px; float:left;">记住密码</span>
</label>

上面的代码显示的效果是这样子，拙计死了，用Firefox中的firebug查看发现checkbox的宽高有点大，把“记住密码”给挤了，知道原因之后，怎么办？

修改宽高呗！

 显示效果

问题又来了，水平没有对齐呀，怎么办？问了一个QQ群的大牛，一句话点醒我了，我也告你，免得你也捉急。

就是这个display：block；我去，差点没整死我，早知道就不会这样子了。要想设置span标签的宽高，首先必须得把它转成块状元素，然后一切问题就都解决了，然后就没有然后了

该float的float，该设置宽高的设置宽高，OK搞定了。

<label>
    <input type="checkbox" style="width:18px;height:18px;float:left;"/>
    <span style="width:60px;height:18px;line-height:25px;display:block;float:left;">记住密码</span>
</label>

来自为知笔记(Wiz)