JSFiddle - React, Tailwind, and code Playground

by Couto

HTML

<div class="big-fucking-wrapper">
    <div class="content">
        <div class="spacer"></div>
        <div class="tab">Home</div>
        <div class="big-spacer"></div>
    </div>
</div>

CSS

.big-fucking-wrapper{
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: #eee;
}

.content {
    position: relative;
    height: 100%;
    width: auto;
    background-color: #ccc;
}

.spacer{
    background-color: red;
    height: 25px;
    width: 3px;
    float: left;
}

.tab {
    height: 25px;
    background-color: green;
    float: left;

}

.big-spacer {
    height: 25px;
    background-color: blue;
}