Font awesome icon button with label below

Question

I need to create a button with a font awesome icon and a text below that icon for a navigation menu. The result should look like i.e. the icons in the MS ribbon:

Answer 1

Add display: block and text-align: center to your icon class.

Fiddle