JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div style="margin-left: -200px">first</div>
    <div>I overflow the container, so I should be hidden</div>
    <div>I also overflow the container, so I should be hidden</div>
</div>

CSS

#container {
    overflow: hidden;
    width: 300px;
    white-space: nowrap
}

#container div {
    display: inline-block;
    vertical-align: top;
    
    width: 300px;
    background: #ccc;
}