JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="top">
        <div class="left">content content content content
        content content content content content content</div>
        
        
    <div class="right">Lorem ipsum dolor sit amet.
    Lorem ipsum dolor sit amet.
    Lorem ipsum dolor sit amet.
    Lorem ipsum dolor sit amet.
    Lorem ipsum dolor sit amet.
    Lorem ipsum dolor sit amet.
    Lorem ipsum dolor sit amet. </div>
        
    </div>
    
    
    
    <div class="bottom">
        <div class="left">
            other text
        </div>
    </div>
    
    <br style="clear: both;"/>
</div>

CSS

.container {
    border: 1px solid black;
    padding: 5px;
}
.top {
    background-color: green;
}
.left {
    width: 200px;
    display: inline-block;
}
.right {
    float: right;
    width: 200px;
    background-color: white;  
    border: 1px solid black;
    margin-right: 10px;
}