JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
    <div class="block1">
        asdasd asd asda dsa sa sd
        asdasasdadadasda ais udljhasldakdh kadhs kadha kdhakja skjahs klh 
        dhs dhs kahdkal hsklashd kah kdjahsdkja hkdajdhskla hdkas hdka 
        hsklhs dhasdkhas dkhas kdha dkja hsdkahsd kha kdlahsdklhasd klasdh
        kaldhs akhskla dsk kskl kldhs akdhs akjdhs kjahsd 
        kahskdlhadhaskdhasd kahlks. ldh alksdh kahdsklhaskld hakdsh akdhkla
        hsdklhasdlashdkl
        ahskdjhaskldjhaskldhas
        kdhaklsdhaklsdhaklsdha daksdh
        aklsdh akldlkshdlhaskjdha klsdha.
    </div>
    <div class="block2">
        asdasd asd asda dsa sa sd
        asdasasdadadasda ais udljhasldakdh kadhs kadha kdhakja skjahs klh 
    </div>
</div>

CSS

.wrap{
margin:0 auto;
border:1px solid #47553d;
width:700px;
height:100%;
overflow:hidden;
}


.block1{
float:left;
width:200px;
background:#444;
color:#fff;
position:relative;
margin-right:40px;
}

.block1:after{
content:'';
position:absolute;
top:0px;
left:240px;
bottom:0px;
width:200px;
background:#444;
z-index:-1;
}

.block2{
float:left;
width:200px;
background:#444;
color:#fff;
}