JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper" class='common'>
    <div class="column_wrapper">
        <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>
</div>

CSS

#wrapper {
    padding:3px;
    display:table;
}
.column_wrapper {
     display:table-row;   
}
#right {
    width:70%;
    display:table-cell;
}
#left {
    width:29%;
    display:table-cell;
}
.common {
    border:solid 1px #000;
}