JSFiddle - React, Tailwind, and code Playground

HTML

<div id="chartsTab">
    <!--Div that will hold the volume column chart-->
    <div id="chart_div_volume" class="tab" >1</div>
    <div id="chart_div_midp" class="tab">2</div>
    <div id="chart_div_spread" class="tab">3</div>
    <div id="chart_div_volatility" class="tab">4</div>
</div>

CSS

#chartsTab {
    width:200px;
   /* overflow: hidden;*/
}
.tab {
    float: left;
    width: 50%;
    height: 100px;
}

.tab:nth-child(1){
 background-color: #f00;   
}

.tab:nth-child(2){
 background-color: #0f0;   
}

.tab:nth-child(4){
 background-color: #00f;   
}

.tab:nth-child(5){
 background-color: #000;   
}