title: Font Awesome stacked images in html list
body: <p>I'm trying to use Font Awesome stacked images in a list as described in the example page <a href="http://fontawesome.io/examples/" rel="nofollow noreferrer">http://fontawesome.io/examples/</a></p>
  
  <p>List:</p>
  
  <pre><code>&lt;ul class="fa-ul"&gt;
    &lt;li&gt;&lt;i class="fa-li fa fa-check-square"&gt;&lt;/i&gt;List icons&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Stacked images:</p>
  
  <pre><code>&lt;span class="fa-stack fa-lg"&gt;
    &lt;i class="fa fa-camera fa-stack-1x"&gt;&lt;/i&gt;
    &lt;i class="fa fa-ban fa-stack-2x text-danger"&gt;&lt;/i&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p>I can't get images aligned correctly, as you can see in this fiddle:</p>
  
  <p><a href="https://jsfiddle.net/uqL4aLyj/" rel="nofollow noreferrer">https://jsfiddle.net/uqL4aLyj/</a></p>
  
  <p>Does anyone know how to get it aligned correctly?</p>
  
  <p>Thank you in advance</p>
  
  <p>Max</p>