title: Align text right in-line with Bootstrap 4
body: <p>I'm currently using bootstrap 4. I'm trying to align text right on my card header, I tried using <code>ml-auto</code> but it didn't work. What could be the solution?</p>
  
  <p><a href="https://i.stack.imgur.com/yqLrp.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/yqLrp.jpg" alt="See the red area"></a></p>
  
  <p>Here's my card header code:</p>
  
  <pre><code>&lt;div class="card-header bg-info text-white"&gt;
    &lt;a href="#" class="text-white"&gt;&lt;i class="fa-th"&gt;&lt;/i&gt; Media Library&lt;/a&gt;
    &lt;a href="#" class="text-white ml-auto"&gt;Add Media&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>