JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="col col1">bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla 
    </div>
        <div class="col col2">ble bleable bleable bleable bleable bleable bleable bleable bleable bleable bleable blea a bla bla </div>
</div>

CSS

.container
{
    display:table;
    background:gray;
    color:white;
    width:300px;
}

.col
{
    display:table-cell;
    width:50%;
    border-radius:30px;
    padding:10px;
}
.col1{
    background:red;
}
.col2
{
    background:green;
}