JSFiddle - React, Tailwind, and code Playground

by odrelon

HTML

<div class="container">
    <div class="column" style="border-bottom:1px solid white" >
        <div class="cell"></div>
    </div>
    <div class="column" >
        <div class="cell"></div>
    </div>
    <div class="column" >
        <div class="cell"></div>
    </div>
    <div class="column" >
        <div class="cell"></div>
    </div>
</div>

CSS

.container { 
    border-bottom: 1px solid red;
    display: inline-block;
}
.column { 
    float: left; overflow: hidden; 
}
.cell { 
    border: 1px solid red; width: 120px; height: 20px; 
    margin:-1px 0 0 -1px;
}
.clearfix {
    clear:both;
}
}