JSFiddle - React, Tailwind, and code Playground

by kangismet

HTML

<div id="container">
    <div class="col one">Column One</div>  
    <div class="col two">Column Two</div>  
    <div class="col">Column Three</div>
</div>

CSS

#container {  
    width: 75%;
    margin: 0 auto;
    font: 16px Arial, Helvetica, sans-serif;
    text-align: center;
    color: white;
}  

.col {
    float: left;
    margin-right: 10px;
    width: calc(33.33% - 10px);
    background-color: red;
    padding: 10px 0;
}
.col:last-of-type,
.col:last-child {margin-right: 0;}