JSFiddle - React, Tailwind, and code Playground

by LinkinTED

HTML

<div class="navigation">
    <div id="left">
        left
    </div>
    <div id="title">
        title
    </div>
    <div id="right">
        right
     </div>
</div>

CSS

.navigation {
    width: 100%;
    display: table;
    table-layout: fixed;
}
.navigation > div {
    display: table-cell;
}
.navigation div:nth-child(1) { 
    background: lightgray; 
}
.navigation div:nth-child(2) { 
    background: gray; 
    text-align: center; 
}
.navigation div:nth-child(3) { 
    background: lightgray; 
    text-align: right; 
}