JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#x">click</a>

<div class="box">
    <div class="box-inner">
        <div class="item"></div>
        <div class="item"></div>
        <div class="item"></div>
        <div class="item"></div>
        <div class="item item-3" id="x"></div>
    </div>
</div>

CSS

span {

    background: red;

}

.box {

    width: 500px;

    overflow: hidden;

    border: 2px solid blue;

    overflow: auto;
    

}
.box-inner {
    width: 1050px;
}

.item {

    float: left;

    width: 200px;

    height: 50px;

    border: 1px solid red;

    background: gray;
    

}

.item-3 {
    background: yellow;    
}

JavaScript

$(document).ready(function () {

});