JSFiddle - React, Tailwind, and code Playground

HTML

<h2>Сползает</h2>
<div class="left"></div>
<div class="right"></div>
<div class="center">
    
    <div style="width: 100%; border: solid 2px black"></div>
    
</div>

CSS

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.left {
    width: 20%;
    min-width:150px;
    height: 25px;
    border: solid 1px red;
    float:left;
}

.center {
    height: 25px;
    border: solid 1px gold;
}

.right {
    width: 20%;
    min-width:150px;
    height: 25px;
    border: solid 1px red;
    float:right;
}