JSFiddle - React, Tailwind, and code Playground

HTML

<div class='wrapper'>
        <div class='left'></div>
        <div class='center'>test</div>
        <div class='right'></div>
    </div>

CSS

.wrapper {
        display: table;
        width: 100%;
        height: 200px;
    }
    
    .wrapper > div {
        display: table-cell;
    }
    
    .center {
        background: blue;
        width: 100px;
    }

    .left, .right {
        background: red;
    }