JSFiddle - React, Tailwind, and code Playground

HTML

<div class="left">
    
    <p>sdjfklajdsfl sdfasdf asdfjaksjfd kajsdfkjasklf adsfjkasjfk akfdjlkasjflkajsfkjaskfdj asdjfasdflk</p>
    <p>sdjfklajdsfl sdfasdf asdfjaksjfd kajsdfkjasklf adsfjkasjfk akfdjlkasjflkajsfkjaskfdj asdjfasdflk</p>
    <p>sdjfklajdsfl sdfasdf asdfjaksjfd kajsdfkjasklf adsfjkasjfk akfdjlkasjflkajsfkjaskfdj asdjfasdflk</p> 
    
</div>
<div class="right">
    <p>sdjfklajdsfl sdfasdf asdfjaksjfd kajsdfkjasklf adsfjkasjfk akfdjlkasjflkajsfkjaskfdj asdjfasdflk</p>
    <p>sdjfklajdsfl sdfasdf asdfjaksjfd kajsdfkjasklf adsfjkasjfk akfdjlkasjflkajsfkjaskfdj asdjfasdflk</p>
    <p>sdjfklajdsfl sdfasdf asdfjaksjfd kajsdfkjasklf adsfjkasjfk akfdjlkasjflkajsfkjaskfdj asdjfasdflk</p>
</div>

CSS

body {
    margin: 0 20px 0 10px;
    padding: 0;   
}

.left {
    background: orange; 
    width: 20%; 
    float: left;
}


.right {
    background: green;   
    width:80%;
    margin-right: -10px;
    float: right;
}