JSFiddle - React, Tailwind, and code Playground

HTML

<div class="col1">Column1</div>
<div class="col3">Column3</div>
<div class="col2">Column2</div>

CSS

.col1 { margin-left:10%;
    background-color: #ddf; 
    float: left;
    width: 25%;
    height: 65px;
   
}
.col2 { 
    background-color: green; 
    float: none;
    width:25%;
    height: 65px;
    overflow: hidden;
    display: table-cell;
}
.col3 {  margin-right:10%;
    background-color: cyan; 
    float: right;
    height: 65px;
    width:25%
}
.spaced {
    background-color: red;
}