将文本放在字体很棒的图标上方？

Question

如何在 font Awesome 图标上方水平和垂直居中文本？

示例代码：

<div>
    <i class="icon-circle"></i>
    <span>text</span>
</div>

Answer 1

使用 Bootstrap 2.3 我实现了这样的效果：

<span class="icon-stack" style="text-align:center;">
    <i class="icon-circle icon-2x"></i>
    <span class="icon-stack"><strong>Some text</strong></span>
</span>