CODEWITHSUNDEEP
csshtmltwitter-bootstrapfont-awesome
sidney
sidney

Reputation: 2714

Set a font awesome icon position

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:

what I have

Here's what I want:

what I want

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

Upvotes: 0

Views: 1048

Answers (3)

Naresh Kumar
Naresh Kumar

Reputation: 345

You can also change the position of the icon:

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

Upvotes: 1

Naresh Kumar
Naresh Kumar

Reputation: 345

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

Upvotes: 0

Diodeus - James MacFarlane
Diodeus - James MacFarlane

Reputation: 114367

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

Upvotes: 4

Related Questions