JSFiddle - React, Tailwind, and code Playground

HTML

<div id='container'>
    <div id='menu'>
            menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu 
    </div><!--     
    
     --><div id='content'>
        content contentcontentcontentcontentcontentcontentcontentcontentcontentcontentcontentcontentcontentcontentcontentconte
    </div>    
</div>

CSS

#container{
    width:100%;
    border: 1px solid red;
    overflow:hidden;
    white-space: nowrap;
}

#menu{
    width:16%;
    border: 1px solid blue;
    display:inline-block;
    overflow: hidden;
    float: left;
}

#content{
    width:100%;
    border: 1px solid green;
    display:inline-block;
}