JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
        <div id="inner">
            <div id="left">
                Left Content
            </div>
            <div id="right">
                Right Content
            </div>
        </div>
    </div>

CSS

div {
        height: 50px;
    }
    #wrapper {
        width: 200px;
        overflow-x: auto;
        overflow-y: hidden;
        background-color: #ccc;
    }
    #inner {
        width: 400px;
    }
    #left {
        width: 150px;
        float: left;
        background-color: #f00;
    }
    #right {
        width: 150px;
        float: left;
        background-color: #0f0;
    }