JSFiddle - React, Tailwind, and code Playground

by kekeb303

HTML

<div class="wraper">


    <div class="left">left</div>
    <div class="center">Center</div>
    <div class="right">right</div>

</div>

CSS

.wraper{
    display:table;
    margin:0 auto;
    overflow:hidden;
}
.left{
    display:table-row;
    background:red;
}

.center{
    display:table-cell;
    margin:0 auto;
    width:200px;
    background:green;
    height:50px;
}


.right{
    display:table-cell;
    background:yellow;
}