JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#">scroll .pane 100px to the left</a><br />

<div class="pane">
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
</div>

CSS

body, html {margin:0px; display:block; overflow-x:hidden;}
body {background:#999999;}

.pane {margin-top:30px; width:auto; position:relative; height:200px; width:2000px; overflow:auto;}
.item {width:100px; height:200px; margin-left:10px; float:left; background:white; position:relative;}