JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <img src="http://images.gizmag.com/gallery_tn/cassini-earth-image-1.jpg" class="image"/>
    <img src="http://images.gizmag.com/gallery_tn/cassini-earth-image-1.jpg" class="image"/>
    <img src="http://images.gizmag.com/gallery_tn/cassini-earth-image-1.jpg" class="image"/>
    <img src="http://images.gizmag.com/gallery_tn/cassini-earth-image-1.jpg" class="image"/>
</div>

CSS

#container {
    border: 2px solid red;
    width: 350px;
    height: 120px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}

.image {
 /*   float: left; */
    display: inline-block
    vertical-align: middle;
    
    margin: 2px;
}