如何通过CSS调整字体真棒向下箭头

Question

我正在使用字体太棒了，我正在使用某些文字旁边的向下箭头之一来表示下拉菜单，但调整后箭头非常低，我希望能够提高箭头但是能够好像怎么弄清楚。

这是我正在使用的小提琴 http://jsfiddle.net/bns77e8t/

<span>Would like down arrow to be raised a bit</span> <i class="fa fa-sort-desc">

如果你看小提琴，你会看到文字旁边的箭头非常低，我尝试使用负边距，但似乎它对它没有任何影响。

Answer 1

在箭头或文本上尝试vertical-align：baseline或top。这取决于你更喜欢什么。 还有一些值可能。试试吧或谷歌吧。

编辑：我尝试过top作为值，这对我来说很好看。

Answer 2

如果您需要更精确的控制，请尝试使用position: relative并调整top偏移量，例如：

＆＃13;

＆＃13;

i {
    position: relative;
    top: -3px;
}

＆＃13;

<link href="http://netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"/>
<span>Would like down arrow to be raised a bit</span> <i class="fa fa-sort-desc">

＆＃13;

＆＃13;

＆＃13;