JSFiddle - React, Tailwind, and code Playground

by GCyrillus

HTML

<section>
    <div id="nav">
        <div class="red"></div>
        <div class="green"></div>
        <div class="blue"></div>
    </div>
</section>

CSS

body {
    padding: 0;
    margin: 0;
}
section {
    direction:rtl;
}
#nav {
    direction:ltr;
    display:inline-table;
}
#nav div {
    display: table-cell;
    width: 120px;
    height: 40px;
    border-left:10px white solid;
}

.red {
    background-color:#f00
}
.green {
    background-color:#0f0
}
.blue {
    background-color:#00f
}