JSFiddle - React, Tailwind, and code Playground

by mihaibirsan

HTML

<div class="header">
            
            <div class="tab">
                <div class="line">
                </div>
                <div class="button">
                </div>
            </div>
            
        </div>

CSS

.header .tab .button,
.header .tab {
    width: 100%;
    -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.7); 
}
.header .tab .line {
    width: 100%;
    height: 5px;
    background: #272727;
    border-bottom: 2px solid #fff;
}
.header .tab .button {    
    width: 50px;
    height: 50px;
    float: right;
    margin-top: -2px;
    margin-right: 35px;
    padding: 0 10px 5px 10px;
    background-color: #272727;
}