JSFiddle - React, Tailwind, and code Playground

HTML

<div id='pr'>
    <div id='izq'>
        Izquierdo
    </div>
    <div id='der'>
        Derecho
    </div>
</div>
<div id='s'>
    Siguiente
</div>

CSS

#pr
{
    width:1024px;
    background-color:#ddd;
}

#pr #izq{
    
    float:left;
    width:47%;
    background-color:#333;
}

#pr #der{
    
    float:left;
    width:48%;
    background-color:#ddd;
    margin-left:5%;
}