JSFiddle - React, Tailwind, and code Playground
HTML
<div class="parent">
<div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div> <div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div> <div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div> <div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div> <div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div> <div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div> <div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div> <div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div> <div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div> <div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div> <div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div> <div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div> <div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div><div> ... </div> <div> ... </div><div> ... </div><div> ......
CSS
.parent {
border : 2px red solid;
overflow-x:scroll;
white-space:nowrap;
}
.parent div {
background-color:green;
display:inline-block;
margin-right:10px;
}