JSFiddle - React, Tailwind, and code Playground

HTML

<div class="conteiner">
    <div class="expandir esquerda"></div>
    <div class="conteudo">
        Lorem Ipsum é simplesmente uma simulação de texto da indústria tipográfica e de impressos, e vem sendo utilizado desde o século XVI, quando um impressor desconhecido pegou uma bandeja de tip
    </div>
    <div class="expandir direita"></div>
</div>

CSS

.conteiner {position: relative;}
.expandir {
    position: absolute;
    height: 100%;
    top:0;
    width:20px;
    background: yellow;
}
.esquerda {left:0}
.direita {right:0}
.conteudo {margin:0 20px}