title: Cannot align fontawesome icons on sidebar
body: <p>I'm having some real trouble trying to align icons within their divs. Nothing I try works whether it be creating custom CSS or trying to use bootstrap's text-align-center.</p>
  <p>Here's a cut down example of the navbar:</p>
  <pre><code>&lt;div id=&quot;appSidenav&quot; class=&quot;sidenav&quot;&gt;
      &lt;button class=&quot;closebtn btn&quot; id=&quot;navClose&quot; onclick=&quot;closeNav()&quot;&gt;&lt;i class=&quot;fas fa-chevron-left&quot;&gt;&lt;/i&gt;&lt;/button&gt;
      &lt;button class=&quot;openbtn btn&quot; id=&quot;navOpen&quot; onclick=&quot;openNav()&quot;&gt;&lt;i class=&quot;fas fa-bars&quot;&gt;&lt;/i&gt;&lt;/button&gt;
      &lt;a href=&quot;#&quot; class=&quot;pt-3&quot;&gt;
          &lt;div class=&quot;row&quot;&gt;
              &lt;div class=&quot;col-2&quot;&gt;
                  &lt;i class=&quot;fas fa-home&quot;&gt;&lt;/i&gt;
              &lt;/div&gt;
              &lt;div class=&quot;col&quot;&gt;
                  &lt;span&gt;Home&lt;/span&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/a&gt;
      &lt;a href=&quot;#&quot;&gt;
          &lt;div class=&quot;row&quot;&gt;
              &lt;div class=&quot;col-2&quot;&gt;
                  &lt;i class=&quot;fas fa-users&quot;&gt;&lt;/i&gt;
              &lt;/div&gt;
              &lt;div class=&quot;col&quot;&gt;
                  &lt;span&gt;Contacts&lt;/span&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  <p>I've tried to add text-center to the cols, I've also tried adding <code>text-align: center;</code> to the CSS but nothing seems to make any difference. I've also tried different sized cols and cols with no padding or margin.</p>
  <p>I've tried adding an alignment to pretty much every tag or class and nothing works.</p>
  <p>Any ideas?</p>
  <p>Thanks!</p>
  UPDATE
  <p>Nobody seems to quite understand what I'm getting at, so I'll post a picture.</p>
  <p>I've tried to align the icons using both CSS and bootstrap classes. I can live with it I guess but it's a bit annoying. Here's what's happening:</p>
  <p><a href="https://i.stack.imgur.com/FkO2a.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FkO2a.jpg" alt="enter image description here" /></a></p>