css - Firefox float 错误？我如何获得我的 float :right on the same line?

Question

我有以下 fiddle :

http://jsfiddle.net/q05n5v4c/2/

在 Chrome 中，它呈现得很好。人字形位于右侧。

但是，在 Firefox 中，它将雪佛龙下降了 1 行。

我在谷歌上搜索并找到了关于这个错误的几篇文章，但这些建议都没有帮助。

有没有 CSS 专家可以告诉我哪里做错了？

HTML:

<div class="btn-group">
    <button data-toggle="dropdown" 
            class="btn btn-default dropdown-toggle" 
            style="width: 400px;text-align: left;">

        Checked option 

        <span class="glyphicon glyphicon-chevron-down" 
              style='float: right;'></span>
    </button>
</div>

Answer 1

改变 float 的顺序，像这样把它放在文本之前:

<div class="btn-group">
  <button data-toggle="dropdown" class="btn btn-default dropdown-toggle"style="width: 400px;text-align: left;">        
    <span class="glyphicon glyphicon-chevron-down" style='float: right;'></span>
    Checked option
  </button>
</div>

http://jsfiddle.net/q05n5v4c/3/