JSFiddle - React, Tailwind, and code Playground

HTML

<div class="tabs2">
    <div class="tabs-i-cover">
        <div class="tabs-i">
            Super title 2
        </div>
    </div>
    <div class="tabs-content">
       Some content
    </div>
</div>

CSS

.tabs2 {
    padding: 15px;
}
.tabs2 .tabs-i-cover {
    position: relative;
    float: left;
    box-shadow: 0 0 10px #000; 
    border-radius: 5px 5px 0 0;    
}
.tabs2 .tabs-i {
    font-size: 1.5em;
    padding: 5px 10px;
    background: #53D8ED;    
    border-radius: 5px 5px 0 0;
    position: relative;
    z-index: 3;
}
.tabs2 .tabs-content {
    clear: left;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 0 10px #000;
    background: #53D8ED;
    min-height: 200px;    
    position: relative;
    padding: 5px 10px;
}