JSFiddle - React, Tailwind, and code Playground

HTML

<div class='left'>
    sdfsdfsdfsdfsdfdsfsdfsdfsdfsdfsdfdsfsdfsdfsdfsdfsdfsdfsdfdsfsdfsdfsdfsdfsdfsdfsdfdsfsdfsdfsdfsdfsdfsdfsdfdsfsdfsdfsdfsdf
</div>
<div class='right'>
    
</div>
<div class='clear'></div>

CSS

.left {
    float: left;
    width: 100px;
    max-width: 100px;
    outline: 1px solid red;
}

.right {
    float: right;
    width: 100px;
    outline: 1px solid blue;
}

.clear {
    clear: both;
}