JSFiddle - React, Tailwind, and code Playground

HTML

<div class="image123">
    <div class="imageContainer">
        <img src="/images/tv.gif" height="200" width="200" />
        <p>This is image 1</p>
    </div>
    <div class="imageContainer">
        <img class="middle-img" src="/images/tv.gif"/ height="200" width="200" />
        <p>This is image 2</p>
    </div>
    <div class="imageContainer">
            
        <img src="/images/tv.gif"/ height="200" width="200"/>
    <p>This is image 3</p>
        </div>
</div>

CSS

.imageContainer {
    float: left;
}

p {
    text-align: center;
}