JSFiddle - React, Tailwind, and code Playground

HTML

<div id="float">
    
    <div class="left">
        Column 1 Column 1 Column 1 Column 1
        Column 1 Column 1 Column 1 Column 1
        Column 1 Column 1 Column 1 Column 1
        Column 1 Column 1 Column 1 Column 1
        Column 1 Column 1 Column 1 Column 1
        Column 1 Column 1 Column 1 Column 1
    </div>
    
    <div class="right">
        Column 2 Column 2 Column 2 Column 2
        Column 2 Column 2 Column 2 Column 2
        Column 2 Column 2 Column 2 Column 2
        Column 2 Column 2 Column 2 Column 2
        Column 2 Column 2 Column 2 Column 2
        Column 2 Column 2 Column 2 Column 2          
    </div>
</div>

<div id="absolute">
    
    <div class="left">
        Column 1 Column 1 Column 1 Column 1
        Column 1 Column 1 Column 1 Column 1
        Column 1 Column 1 Column 1 Column 1
        Column 1 Column 1 Column 1 Column 1
        Column 1 Column 1 Column 1 Column 1
        Column 1 Column 1 Column 1 Column 1
    </div>
    
    <div class="right">
        Column 2 Column 2 Column 2 Column 2
        Column 2 Column 2 Column 2 Column 2
        Column 2 Column 2 Column 2 Column 2
        Column 2 Column 2 Column 2 Column 2
        Column 2 Column 2 Column 2 Column 2
        Column 2 Column 2 Column 2 Column 2           
    </div>
</div>

CSS

#float {
    width: 600px;
}

#float .left {
    float: left;
    width: 200px;
    border: 1px solid black;
}

#float .right {
    margin-left: 205px;
    border: 1px solid black;
}

#absolute {
    clear: both;
    position: relative;
    width: 600px;
}

#absolute .left {
    position: absolute;
    left: 0;
    top: 0;
    width: 200px;
    border: 1px solid black;
}

#absolute .right {
    margin-left: 205px;
    border: 1px solid black;
}