title: Need help in stacking font-awesome icons
body: <p>I recently upgraded the <code>font-awesome</code> version from <code>3.2.1</code> to <code>4</code>.</p>
  
  <p>I had this working in <code>3.2.1</code></p>
  
  <pre><code>&lt;li&gt;&lt;span class="icon-stack stacked"&gt;&lt;i class="icon-circle icon-stack-base"&gt;&lt;/i&gt;&lt;i class="icon-phone icon-2x icon-light"&gt;
  &lt;/i&gt;&lt;/span&gt;&lt;span class="stacktext"&gt;Your Phone Number&lt;/span&gt;&lt;/li&gt;
  
   .stacked
   {
    float: left;
    margin-right: 15px;
    color: #3ECCFC;
   }
  
  .stacktext
  {
    text-align:left;
    font-size: 14px;
    color: #444444;
  }
  </code></pre>
  
  <p>But it is not stacking up well in <code>version 4</code>.</p>
  
  <pre><code>&lt;li&gt;&lt;span class="fa fa-stack stacked"&gt;&lt;i class="fa fa-circle fa fa-stack-base"&gt;&lt;/i&gt;&lt;i class="fa fa-phone icon-2x fa fa-light"&gt;
          &lt;/i&gt;&lt;/span&gt;&lt;span class="stacktext"&gt;Your Phone Number&lt;/span&gt;&lt;/li&gt;
  </code></pre>