JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row">
    <div class="column">Content, al lot of content. LOTS of content. Wow, this is asdf asd asd asd</div>
    <div class="column">Content</div>
</div>

CSS

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.row:after {
    display: table;
    content: '';
    clear: both;
}

.column {
    float:left;
    width: 50%;
    border: 1px solid red;
}