html - Vertical align of text in CSS -


i trying align fontawsome icon (http://fortawesome.github.io/font-awesome/) text next it. in case phone number next - guessed - phone icon.

html

<p>     <i class="fa fa-3x fa-phone-square"></i>     <span class="phone">111 222 333</span> </p> 

css

.phone {     font-size: 1.5em;     vertical-align: middle; } 

http://jsfiddle.net/ypln5/

i tried several things playing around line-height , vertical-align: middle haven't come solution.

may please?

there very easy way of doing this:

i, span{     vertical-align:middle; } 

demo fiddle


Comments

Popular posts from this blog

Android layout hidden on keyboard show -

google app engine - 403 Forbidden POST - Flask WTForms -

c - Why would PK11_GenerateRandom() return an error -8023? -