Jsfiddle (expand the window) https://jsfiddle.net/aq9Laaew/5793/ The phrase hello world isn't centered below the image. By switching to a larger image https://i.sstatic.net/F79On.jpg, this problem can be avoided. What's the best way to resolve this issue?
<div class="img-thumbnail blogborder">
<div class="row">
<div class="col-md-6">
<div class=bodytitle>Title</div>
<img class="rounded img-fluid img-thumbnail" src="https://i.imgur.com/6DcuZx6.jpg">
</div>
</div>
<div class="content">Hello World</div>
</div>
CSS
.col-md-6{
margin: 0 auto;
padding: 0;
}
.content {
text-align: center;
font-family: 'Josefin Sans', sans-serif;
}