Center text above font awesome icon?

Question

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

Example code:

Answer 1

Is this what you're trying to achieve?

HTML:

    

         text
         
    

CSS:

div{
     width: 200px;
     height: 80px;
     background-color: #ffffd;
     text-align: center;
     display: table;
}
div .content {
    display: table-cell;
    vertical-align: middle;
}
div .content span {
    display: block;
}

http://jsfiddle.net/63ovh9xk/