<i>未在按钮Firefox中对齐

Question

我正在对我在Firefox上工作的项目进行一些测试，我有这个按钮，如下所示：

而不是这样（在Chrome中）

代码很简单：

   <button class="btn btn-lg btn_social_login">
                  <i class="logo fa fa-facebook"></i> 
                         Register with Facebook 
                 <i class="arrow fa fa-chevron-right"></i>
    </button>

左边是我浮动：左边和右边我浮动：右边。可以在那里看到页面http://kaboodle.io/sign_up。任何人都可以告诉我为什么会在Firefox上发生这种情况吗？

Answer 1

改变：

white-space:nowrap;

bootstrap中的.btn类默认为

为：

white-space: normal;

修好了。