JSFiddle - React, Tailwind, and code Playground

HTML

<div class="left_stuff">Left content goes here.... Left content goes here.... Left content goes here.... Left content goes here.... Left content goes here....</div>
<div class="right_stuff">
    <div class="right_box">Right top content goes here....</div>
    <div class="right_box">Right bottom content goes here...</div>
</div>

CSS

.left_stuff {
    float: left;
    width: 200px;
    background: #F0F0F0;
    padding: 10px;
    margin: 0px 10px 0px 0px;
}
.right_stuff {
    float: left;
}
.right_box {
    background: #CCCCCC;
    width: 200px;
    padding: 10px;
    margin: 0px 0px 10px 0px;
}