JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
<div class="relative">
    <span class="absolute" style="top:10px;left:100px;">X</span>
    <span class="absolute" style="top:20px;left:200px;">X</span>
    <span class="absolute" style="top:30px;left:300px;">X</span>
    <span class="absolute" style="top:40px;left:400px;">X</span>
    <span class="absolute" style="top:50px;left:500px;">X</span>
    <span class="absolute" style="top:60px;left:600px;">X</span>
    <span class="absolute" style="top:70px;left:700px;">X</span>
    </div>
</div>

CSS

.wrapper{    
    width:400px;
    height:100px;
    overflow:auto;
}
.relative {
    position:relative;
    width:2000px;
    height:1000px;
}
.absolute {
    position:absolute;
}