JSFiddle - React, Tailwind, and code Playground

HTML

<div id="box">
	<div id="inner_box">
		<div class="item" style="background:red;"></div>
        <div class="item" style="background:green;"></div>
        <div class="item" style="background:blue;"></div>
	</div>
</div>
scroll me horizontally

CSS

#box {
    width: 320px;
    height: 2em;
    overflow: scroll;
}
#inner_box {
    width: 500px;
    height: 100%;
}
.item {
    float: left;
    width: 160px;
    height: 100%;
}