JSFiddle - React, Tailwind, and code Playground

HTML

<div class="scroller">
    <span class="scroller__cell">
        item1 inside a span
    </span>
    <div class="scroller__cell">
        item2 inside a div
    </div>
    <span class="scroller__cell">
        <p>item3 with sub elements</p>
    </span>
    <span class="scroller__cell">
        item4 is another span
    </span>
    <section class="scroller__cell">
        item5 is a section
    </section>
    <span class="scroller__cell">
        item6
    </span>
    <span class="scroller__cell">
        item7
    </span>
    <span class="scroller__cell">
        item8
    </span>
</div>

CSS

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


.scroller__cell {
  display: inline-block;
  width:200px;
  margin:10px;
  background-color:#fe3e4a;
  vertical-align: top;
}