Is there a way to center the content of the second column within this div? I've tried various methods without success so far.
I'm currently using Bootstrap 4.
Can anyone provide guidance on how to achieve this?
<div class="card">
<div class="card-body">
<div class="row">
<div class="col-md-1">
<img class="rounded-circle img-thumbnail d-inline"
src="..."
height="65px"
width="65px"
alt="User image">
</div>
<div class="col-md-11">
<p class="d-inline">...</p>
<button class="close" type="button"><span class="fa fa-times" aria-hidden="true"></span></button>
</div>
</div>
</div>
</div>
I feel like I'm overlooking something simple, but I can't figure out what it is.
Check out this JSFiddle example
Appreciate any assistance you can provide :)