How to make image left and span right on ?

I want to make an image left and a <span class="badge badge-primary">v 2.1</span> on right,all these items are on <center>.

code:

<center><div class="card" style="margin-top: 5px; border-style: solid;
  border-color: grey;
  border-radius: 4px; border-width: 4px;">
  <img src="../install/images/brand/logo_wide.webp" alt="Thos Host Billing Software"><span class="badge badge-primary">v 2.1</span>
  <div class="container">
    // something    
  </div>
</div>