title: How to align bootstrap icon with text in button?
body: <p>How to align bootstrap icon and image to bottom? ( I am using font-awsome for icons ).  </p>
  
  <p>JSBIN: <a href="http://jsbin.com/uwupuz/2/edit" rel="noreferrer">http://jsbin.com/uwupuz/2/edit</a></p>
  
  <p><img src="https://i.stack.imgur.com/lpN1n.png" alt="enter image description here"></p>
  
  <pre><code>&lt;div class="btn-group"&gt; 
      &lt;a class="btn" href="#"&gt;
        &lt;i class="icon-plus"&gt;&lt;/i&gt;
        &lt;span&gt;Add&lt;/span&gt;
      &lt;/a&gt;
      &lt;a class="btn" href="#"&gt;
          &lt;i class="icon-trash"&gt;&lt;/i&gt;
          &lt;span&gt;Remove&lt;/span&gt;
      &lt;/a&gt;
      &lt;a class="btn" href="#"&gt;
        &lt;i class="icon-edit"&gt;&lt;/i&gt;
        &lt;span&gt;Edit&lt;/span&gt;
      &lt;/a&gt;
    &lt;/div&gt;
  </code></pre>