css - Fontawesome 图标与文本的垂直居中

Question

我试图将 Fontawesome Icons 垂直居中。这些图标必须在父元素内居中。问题是只有当我将鼠标悬停在一个元素上时，我才会在 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 示例

Answer 2

添加你的容器height，就像line-height你的字体一样棒，它会让你的图标居中。