JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="left"></div>
    <div class="content">
        lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br>
    </div>
    <div class="right"></div>
</div>

CSS

html, body, .container {
   height:100%;
}
.container{
    display:table;
    width: 100%;
}
.left{
    display: table-cell;
    width: 20%;
    background: #868;
}
.right{
    display: table-cell;
    width: 20%;
    background: #668;
}
.content{
    display: table-cell;
    padding: 5px;
}