垂直居中的字体真棒图标与文本

Question

我试图将Fontawesome图标垂直居中。这些图标必须在父元素内居中。问题是，只有当我将鼠标悬停在某个元素上时，我才会看到Firefox（31）中显示的一些工件。

请参阅下面的jsfiddle链接： http://jsfiddle.net/8ap92j7z/1/

    <span class="big-icon">
    <a href="#">
        <span class="fa-stack fa-lg">
            <i class="fa fa-circle fa-stack-2x"></i>
            <i class="fa fa-sitemap fa-stack-1x fa-inverse"></i>
            <span class="text">Sitemap</span>
        </span>
    </a>
</span>

我做错了什么以及如何解决这个问题？

Answer 1

尝试.big-icon a {text-decoration: none;} - jsFiddle Example

Answer 2

将您的容器height与line-height一样添加到您的字体中，它会使您的图标位于中间位置。