JSFiddle - React, Tailwind, and code Playground

HTML

<div>
<span>
item1
</span>
<span>
item1
</span>
<span>
item1
</span>
<span>
item1
</span>
<span>
item1
</span>
<span>
item1
</span>
<span>
item1
</span>
<span>
item1
</span>

</div>

CSS

div {
  max-width:350px;
  white-space:nowrap;
  overflow:scroll;
}


span{
  float:none;
  display: inline-block;
  width:200px;
  margin:10px;
  background-color:#fe3e4a;
}