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

Question

我正在使用很棒的字体，我正在使用一些文本旁边的向下箭头之一来指示下拉菜单，但箭头在调整旁边非常低，我希望能够提高箭头但似乎无法弄清楚如何。

这是我正在使用的 fiddle http://jsfiddle.net/bns77e8t/

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

如果您查看 fiddle，您会看到文本旁边的箭头非常低，我尝试使用负边距，但它似乎对它没有任何影响。

Answer 1

尝试垂直对齐：箭头或文本上的基线或顶部。这取决于你更喜欢什么。还有一些可能的值。试试看或 google 它们。

编辑：我尝试了 top 作为值，这对我来说看起来不错。

Answer 2

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

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

<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">

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

How to adjust font awesome down arrow via css

css

font-awesome