How to align center font-icon?

HTML & CSS
1

Here my code, i use font-awesome but in my project i use icomoon. But i don’t know how to align center theme, i use “text-align” or “verticle-middle” but all of theme didn’t work.

http://codepen.io/thehung1724/pen/FJjmd
2

Hi,

If you are talking about that blue circle then just give it a negative margin of half its width and it will be centred.


#features .icon_bg span {
    background: none repeat scroll 0 0 #71B6D5;
    border-radius: 50% 50% 50% 50%;
    height: 30px;
    left: 50%;
    position: absolute;
    top: 0;
    width: 30px;[B]
margin-left:-15px;[/B]
}