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

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 {text-decoration: none;} - jsFiddle Example