JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div class="content">
    <div class="left_c">
        <p> asdasdasdasd</p>
             <p> asdasdasdasd</p>
        </div>
       <div class="right_c">
          <p> asdasdasdasd</p>
            
             <p> asdasdasdasd</p>
             <p> asdasdasdasd</p>
             <p> asdasdasdasd</p>
             <p> asdasdasdasd</p>
             <p> asdasdasdasd</p>
             <p> asdasdasdasd</p>
             <p> asdasdasdasd</p>
             <p> asdasdasdasd</p>
             <p> asdasdasdasd</p>
             <p> asdasdasdasd</p>
             <p> asdasdasdasd</p>
             <p> asdasdasdasd</p>
             <p> asdasdasdasd</p>
             <p> asdasdasdasd</p>  <p> asdasdasdasd</p>
             <p> asdasdasdasd</p>
             <p> asdasdasdasd</p>
             <p> asdasdasdasd</p>
             <p> asdasdasdasd</p>
             <p> asdasdasdasd</p>
             <p> asdasdasdasd</p>
             <p> asdasdasdasd</p>
             <p> asdasdasdasd</p>
             <p> asdasdasdasd</p>
             <p> asdasdasdasd</p>
             <p> asdasdasdasd</p>
             <p> asdasdasdasd</p>
             <p> asdasdasdasd</p>  <p> asdasdasdasd</p>
             <p> asdasdasdasd</p>
             <p> asdasdasdasd</p>
             <p> asdasdasdasd</p>
             <p> asdasdasdasd</p>
             <p> asdasdasdasd</p>
             <p> asdasdasdasd</p>
             <p> asdasdasdasd</p>
        </div>
    </div>
</body>

CSS

body, html{
    height:100%;
}
.content{
    width:600px; background:yellow;
    margin:0 auto;
    display: table;
}
.left_c{
    display: table-cell;
    width:30%;
    background-color:#000;
}
.right_c{
    width:70%;
    display: table-cell;
    background-color:#f00;
}
.right_c p{
    margin:30px 0;
}