title: How to center align font awesome icons vertically in a circle div?
body: <p>I'm trying to center align font awesome icons center by  vertically. If there is text we can do it using <code>line-height</code> property even i tried giving the <code>line-height</code> same height as height of the div.</p>
  
  <p>Tried <code>display:inline-block</code> and <code>vertical-align:middle</code> didn't do the trick.</p>
  
  <p>How to center the icons vertically in all size. It should be dynamic because the icon size may differ. So a hardcode of margin-top may won't work for other size of icon as well div.</p>
  
  <p><strong>CODE</strong></p>
  
  <pre><code>.exp{
      width:80px;
      height:80px;
      background-color:red;
      border-radius:100%;
      line-height:80px;
      text-align:center;
      vertical-align:middle;
      display:inline-block;
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/M3jxT/1/">JSFIDDLE</a></p>