JSFiddle - React, Tailwind, and code Playground

HTML

<div id='pr'>
    <div id='izq'>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit orci porta erat venenatis in suscipit nulla semper. Fusce iaculis nunc ac dui semper tristique. Maecenas sed tempus orci. Aenean id lacus augue, ac lobortis metus. Fusce porta pharetra augue vel fringilla. Nunc sapien nibh, imperdiet eget feugiat sed, gravida ac ligula. Fusce eget lacus id velit volutpat vestibulum non sit amet purus. Mauris volutpat rutrum justo et cursus. Integer bibendum rutrum orci, non fringilla enim consectetur et. Morbi vitae nunc lectus.
    </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%;
}