JSFiddle - React, Tailwind, and code Playground

HTML

<div class="conteudo">
    <div class="esquerda left">Esquerda</div>
    <div class="centro left">
        Centro
        <ol>
            <li>NOME</li>
            <li>NOME</li>
            <li>NOME</li>
            <li>NOME</li>
            <li>NOME</li>
        </ol>
    </div>
    <div class="direita left">Direita</div>
</div>

CSS

/* Commom */
.left { float: left; }

.conteudo { width: 100%; }
.conteudo > div { 
    height: 500px; 
    text-align: center; 
    padding: 10px 0; 
}
.esquerda { width:25%; }
.centro { width:50%; }
.direita { width:25%; }
.esquerda, .direita { background-color: silver; }