title: how to move an image in bootstrap 4 card header to the right?
body: <p>I'm using bootstrap for my website and i try to make a text to the left side of the header and an image to the right side. I've tried to use a row container and use justify-content-end but it is not in the same height as the header. I would like to have them on the same height.</p>
  
  <p>This what i tried: </p>
  
  <pre><code>&lt;div class="card" style="margin-bottom: 25px;"&gt;
    &lt;div class="card-header"&gt;
    &lt;h4 class="card-title Anton"&gt;&lt;?php echo($thread['title']); ?&gt;
      &lt;span class="row justify-content-end"&gt;
          &lt;img height="32" width="32" src="assets/img/edit.png" href="/test" style="padding: none; margin: none;"&gt;
      &lt;/span&gt;
    &lt;/h4&gt;
  
  &lt;hr /&gt;
  ...
  </code></pre>
  
  <p>But it just looks like this:<a href="https://i.stack.imgur.com/p7wYR.jpg" rel="nofollow noreferrer">The Image is more on the bottom then the header!</a></p>