I'm facing an issue with aligning the h3 and input-group next to each other in a Bootstrap 4 card.
Initially, I attempted adding float-right to the input-group, but it did not yield the desired result. I also experimented with making the h3 and input-group inline-block, without success. P.S. I applied styles using an inline style sheet.
<div class="card-header">
<h3 class="card-title" style="inline-block">Product List</h3>
<div class="input-group input-group-sm col-sm-3" style="inline-block">
<input type="text" class="form-control">
<div class="input-group-append">
<button class="btn btn-primary" type="button"><i class="fas fa-search"></i></button>
</div>
</div>
</div>