设置字体真棒图标位置

时间:2014-03-17 17:40:13

标签: html css html5 twitter-bootstrap font-awesome

我得到了这个很小的代码:

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

我无法在右侧设置font-awesome图标。我试图改变浮动,填充,边距,但都无济于事。

换句话说,这就是我所拥有的:

what I have

这就是我想要的:

what I want

FIDDLE http://jsfiddle.net/UF9A3/

3 个答案:

答案 0 :(得分:4)

不要将文字包装在图标标记内。使用:

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

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

答案 1 :(得分:1)

您还可以更改图标的位置:

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

答案 2 :(得分:0)

使用此

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

另一个你可以使用这个

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