JSFiddle - React, Tailwind, and code Playground

HTML

<div class=container>
    <div class=right>
        col3
    </div>
    <div class=left>
        col1
    </div>
    <div class=middle>
        col2
    </div>
</div>

CSS

* {
    outline: 1px solid red;
}

.container {
    overflow: hidden;
}
.right {
    float: right;
    width: 100px;
}
.left {
    float: left;
    width: 100px;
}
.middle {
    margin: 0 100px;
}