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

有没有办法垂直对齐堆叠在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/

添加显示：块;边距：-20px;到#1< span>像这样的标签：

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