How to make bootstrap icon display inline with text in a tag?

Question

I have bootstrap navigation pill that shows text and an arrow. Unfortunately if the text is to long the arrow appears on the border of the anchor. Html looks like this.

Answer 1

Please use this structure

       
       Some longer sample text

    

Please demo http://jsfiddle.net/FNcGX/9/