JSFiddle - React, Tailwind, and code Playground

HTML

<div class='clsTabContainer'>
    <div class='clsCurrentTab'>Dashboard</div><!--
    --><div class='clsTab'>Leads</div><!--
    --><div class='clsTab'>Internet</div><!--
    --><div class='clsTab'>Tasks</div>
</div>

CSS

.clsTabContainer {
    BACKGROUND-COLOR: #FFFFFF;
    PADDING-LEFT: 0px;
    WIDTH: 100%;
    PADDING-RIGHT: 0px;
    WHITE-SPACE: nowrap;
    HEIGHT: 35px;
    PADDING-TOP: 3px;
    border-bottom: #D0D0D0 1px solid;    
}
.clsTab {
    OVERFLOW-X: visible;
    OVERFLOW-Y: hidden;
    BACKGROUND-COLOR: #F0F0F0;
    DISPLAY: inline-block;
    WHITE-SPACE: nowrap;
    FONT-SIZE: 10pt;
    CURSOR: pointer;
    padding: 5px 10px 10px 10px;
    margin-left: -1px;
    border-left: #D0D0D0 1px solid;
    border-right: #D0D0D0 1px solid;
    border-top: #D0D0D0 1px solid;
    height:19px;
}
.clsCurrentTab {
    OVERFLOW-X: visible;
    OVERFLOW-Y: hidden;
    BACKGROUND-COLOR: #FFFFFF;
    DISPLAY: inline-block;
    WHITE-SPACE: nowrap;    
    FONT-SIZE: 10pt;
    CURSOR: pointer;
    padding: 5px 10px 10px 10px;    
    border-left: #D0D0D0 1px solid;
    border-right: #D0D0D0 1px solid;
    border-top: #82C600 1px solid;    
    color: #82C600;    
    height:20px;
}
.clsTab,.clsCurrentTab{vertical-align: top;}