Set a font awesome icon position

Question

I got this tiny code:

<i class="icon-plus-sign">Hello</i>

I can't set the font-awesome icon on the right. I tried to change the float, padding, margin, but all to no avail.

In other words, here's what I have:

Here's what I want:

FIDDLE: http://jsfiddle.net/UF9A3/

Answer 1

Don't wrap your text inside the icon markup. Use:

Hello <i class="icon-plus-sign"></i>

or

<i class="icon-plus-sign"></i> Hello

Answer 2

You can also change the position of the icon:

background:(url(../img/dash.png) 0 right no-repeat);

Answer 3

use this

<i class="icon-plus-sign"></i> hello

another u can use this

<i class="icon-plus-sign">Hello</i>
change the position in css