JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper" class='common'>
    <div id="left" class='common'>Menu I Menu II Menu III Menu IV</div>
    <div id="right" class='common'>hello world..hello world..hello world..hello world..hello world..hello world..hello world..hello world..hello world..hello world..hello world..hello world..hello world..hello world..hello world..hello world..hello world..hello world..hello world..hello world..hello world..hello world..hello world..hello world..hello world..hello world..hello world..hello world..hello world..</div>
</div>

CSS

#wrapper {
    position: relative;
    overflow:hidden;
    padding:3px;
}
#right {
    float:right;
    width:70%;
}
#left {
    position: absolute;
    float:left;
    width:29%;
    height: 91%;
}
.common {
    border:solid 1px #000;
}