设置字体真棒图标位置答案

【问题标题】：Set a font awesome icon position设置字体真棒图标位置
【发布时间】：2014-05-31 01:45:16
【问题描述】：

我得到了这个小代码：

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

我无法在右侧设置字体真棒图标。我尝试更改浮动、填充、边距，但都无济于事。

换句话说，这就是我所拥有的：

这就是我想要的：

【问题讨论】：

【解决方案1】：

不要将您的文本包裹在图标标记中。使用：

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

或

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

【讨论】：

【解决方案2】：

你也可以改变图标的位置：

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

【讨论】：

【解决方案3】：

使用这个

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

另一个你可以使用这个

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

【讨论】：