JSFiddle - React, Tailwind, and code Playground

HTML

<style>div.container
    {
        border: 1px solid #000000;
        overflow: hidden;
        width: 100%;
    }
    
    div.left
    {

        background-color:Red;
    }
    
    div.right
    {
        width: 45%;
        width:300px;
        float: right;
        background-color: Blue;
        height:100%;
    }
</style>
<div class="container">
    <div class="right">RIGHT</div>
    <div class="left">
        yada yada yada yada yada yada yada yada yada yada
            yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada
            yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada
            yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada
            yada yada yada yada yada yada yada yada yada yada yada </div>
    
</div>