JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="t1">LEFT</div>
    <div class="wrapper">
        <div class="t2">CENTER<br>CENTER</div>
    </div>
    <div class="t3">RIGHT</div>
</div>

CSS

.container{
    width:100%;
    }

.t1{
    float:left;
    width:100px;
    margin-right:-100%;
    background:orange;
    }
.wrapper{
    float:left;
    width:100%;
    }
.t2{
    margin:0 100px;
    background:yellow;
    }
.t3{
    float:left;
    width:100px;
    margin-left:-100px;
    background:orange;
    }