JSFiddle - React, Tailwind, and code Playground

by sensei

HTML

<div class="left"></div>
<div class="right"></div>

<div class="content">
    content content content content content 
    content content content content content 
    content content content content content 
    content content content content content 
    content content content content content 
    content content content content content 
</div>

CSS

.left, .right {
    width:170px;
    height: 500px;
    background: #303030;
}
.left { float:left; }
.right { float:right; }

.content {
    overflow: hidden;
    text-align: center;
}