如何在Font Awesome图标上定位文本？

Question

有没有办法垂直对齐堆叠在Font Awesome图标顶部的文字？我想将#1向上移动到这个堆栈中,使其位于奖杯图标的杯子中心.我尝试在封装#1的范围中添加底部边距和底部填充,但是没有人能够做到这一点.有没有一种简单的方法来做我想要完成的事情,或者我是否需要走另一条路？

<span class="fa-stack fa-3x">
  <i class="fa fa-trophy fa-stack-2x"></i>
  <span class="fa fa-stack-1x" style="color:red;">
    <span style="font-size:35px;">
      #1
    </span>
  </span>
</span> 

http://jsfiddle.net/wc2jP/

Answer 1

像这样添加display:block; margin-top:-20px;到#1 <span>标签:

http://jsfiddle.net/wc2jP/1/

Answer 2

在您提出这个问题几个月后，Font Awesome 的团队在博客中发布了有关此问题的博客，其中包含使用日历、评论和文件图标的示例： 堆叠文本和图标