JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
<div class="img-with-text"><img src="images/CarlCall.png" border="0" alt="Carl Call"   width="177" height="229" style="border: 2px solid black;" />
<p>Carl Call<br />(931)268-2040<br /><a href="mailto:[email protected]">Email Carl Call</a>  </p>
</div>
<div class="img-with-text"><img src="images/sg.png" border="0" alt="Sjon Gentry" width="177" height="229" style="border: 2px solid black;" />
<p>Sjon Gentry<br />(931)268-3273<br /><a href="mailto:[email protected]">Email Sjon Gentry</a></p>
</div>
<div class="img-with-text"><img src="images/jm.png" border="0" alt="John Mabery" width="177" height="229" style="border: 2px solid black;" />
<p>John Mabery<br />(931)268-0651<br /><a href="mailto:[email protected]">Email John Mabery</a> </p>
</div>
<div class="img-with-text"><img src="images/tr.png" border="0" alt="Ted Ragland" width="177" height="229" style="border: 2px solid black;" />
<p>Ted Ragland<br />(931)268-9387</p>
</div>
</div>
<p> </p>

CSS

.img-with-text {
    float: left;
    margin-right: 1em;
    text-align: center;
}