JSFiddle - React, Tailwind, and code Playground

by Hashem Qolami

HTML

<div id='container'>
    <div id='menu'>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quam nisi rerum assumenda nemo ea dolor non perspiciatis quo pariatur dolores dicta enim iste quod esse voluptatibus soluta accusamus laboriosam aut.
    </div><!--     
    
     --><div id='content'>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates porro nesciunt facere officiis cupiditate iste magnam animi blanditiis quaerat ipsam fugit ad labore quia explicabo officia modi recusandae similique eos!
    </div>    
</div>

CSS

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

#container > div {
    vertical-align: top;
    white-space: normal;
}

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

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