title: Have Two Font Awesome Icons Side by Side
body: <p>I'm trying to have two Font Awesome icons side by side, but it's not working.  They're on top of each other.</p>
  
  <p>Here's my code:</p>
  
  <pre><code>&lt;a href="http://www.facebook.com"&gt;&lt;i class="fa fa-facebook-square fa-3x" aria-hidden="true"&gt;&lt;/i&gt;&lt;/a&gt;
  &lt;a href="http://www.youtube.com"&gt;&lt;i class="fa fa-youtube fa-3x" aria-hidden="true"&gt;&lt;/i&gt;&lt;/a&gt;
  </code></pre>
  
  <p>I've tried setting my <code>a</code> and <code>i</code> tags as <code>display: inline;</code></p>
  
  <p><a href="https://i.stack.imgur.com/CGZXT.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/CGZXT.png" alt="enter image description here"></a></p>