JSFiddle - React, Tailwind, and code Playground

by Hashem Qolami

HTML

<div class="scrollingBox">
    <div class="container">
         <div class="item">Item</div>
         <div class="item">Item</div>
         <div class="item">Item</div>
         <div class="item">Item</div>
    </div>
</div

CSS

.scrollingBox {
    height:100px;
    width:300px;
    overflow:auto;
    white-space: nowrap;
}
.item {
    display: inline-block;
    vertical-align: top;
    height:60px;
    width:100px;
    background-color: gold;
}