Edson Horacio Junior Edson Horacio Junior - 1 year ago 62
CSS Question

Center text above font awesome icon?

How can I horizontally and vertically center text above font awesome icon?

Example code:

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

Answer Source

Using Bootstrap 2.3 I achieved it like this:

<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>
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download