JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div class="wrappingcontainer">
        <div class="element"> Element 1 content </div>
        <div class="element"> Element 2 content </div>
        <div class="element"> Element 3 content </div>
        <div class="element"> Element 4 content </div>
    </div>
</div>

CSS

#container { width:200px; overflow-x:auto; overflow-y:hidden; }
.element { width:100px; float:left; }
.wrappingcontainer{ width: 400px; }