How to vertically align text with icon font?

Question

I have a very basic HTML which mix plain text and icon fonts. The problem is that icons are not exactly rendered at the same height than the text:

Answer 1

You can use this property : vertical-align:middle;

.selector-class { 
    float:left;
    vertical-align:middle; 
}