Firefox float bug? How do I get my float:right on the same line?

Question

I have the following fiddle:

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

In Chrome, it renders just fine. The chevron is on the right side.

However, in Firefox, it

Answer 1

Here is one more solution:

give style your span tag like this.

position:absolute;
right: 5px;
top : 9px