JSFiddle - React, Tailwind, and code Playground

HTML

<div class="col1">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus dolorum exercitationem qui. Natus omnis fuga velit facilis repellendus perspiciatis ullam nobis laboriosam officiis ipsum rerum similique consequatur consequuntur cum deserunt.
</div>
<div class="col2">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam dolor iusto repellendus dolorum autem nihil optio excepturi nostrum suscipit ad! Corporis necessitatibus nihil expedita! Recusandae culpa eligendi qui eveniet aliquid!
</div>
<div class="col3">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur nobis corrupti quod asperiores recusandae quis dicta repudiandae iusto eum architecto soluta maxime modi ex. Veniam minima iusto aperiam numquam quaerat!
</div>

CSS

.col1,
.col2 {
    width: 20%;
    margin: 0 2%;    
}

.col1 {
    float: left;
    background: orange;
}

.col2 {
    float: right;
    background: green;
}

.col3 {
    background: silver;
}

.col1 + .col3 {
    margin: 0 0 0 22%;
}

.col2 + .col3 {
    margin: 0 22% 0 0;
}

.col1 + .col2 + .col3 {
    margin: 0 22%;
}