Firefox float Fehler? Wie bekomme ich mein Float: direkt auf der gleichen Linie?

Habe ich Folgendes fiddle:

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

In Chrom, es macht einfach nur fein. Der chevron ist auf der rechten Seite.

Jedoch im Firefox, lässt es die Chevron-down 1. Zeile.

Habe ich bei google eine Suche und fand mehrere Beiträge über diesen Fehler, aber keiner der Vorschläge geholfen haben.

Alle CSS-Experten gibt, die mir sagen kann was ich falsch mache?

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>

InformationsquelleAutor der Frage Scottie | 2014-10-10

Schreibe einen Kommentar