JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outer-div">
    <div class="inner-div">
        <div class="image-div"><img src="images/1.png"></img></div class="image-div">
        <div class="image-div"><img src="images/2.png"></img></div class="image-div">
        <div class="image-div"><img src="images/3.png"></img></div class="image-div">
        <div class="image-div"><img src="images/4.png"></img></div class="image-div">
        <div class="image-div"><img src="images/5.png"></img></div class="image-div">
    </div>
</div>

CSS

img {
    height: 200px;
    width: 200px;
    padding: 10px;
}

.image-div {
    display: inline;
    float:left;
}

.outer-div {
    text-align: center;
    width: 100%;
}

.inner-div {
    text-align: left;
    display: inline;
}