<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; 

這是對.btn類默認引導

到：

white-space: normal; 

固定它。