JSFiddle - React, Tailwind, and code Playground

by NerfAnarchist

HTML

<div class="left layout">
        <div class="inner">This is a test of the blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah<br /><br /><br />blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah</div>
    </div>
    <div class="right layout">
        <div class="inner">This is a test of the blah blah blah blah blah blah blah blah blah blah blah blah blah blah<br /><br /><br />blah blah blah blah blah blah blah blah blah blah<br /><br /><br />blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah<br /><br /><br />blah blah blah blah blah blah blah<br /><br /><br />blah blah blah blah blah blah blah blah blah blahThis is a test of the blah blah blah blah blah blah blah blah blah blah blah blah blah blah<br /><br /><br />blah blah blah blah blah blah blah blah blah blah<br /><br /><br />blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah<br /><br /><br />blah blah blah blah blah blah blah<br /><br /><br />blah blah blah blah blah blah blah blah blah blah</div>
    </div>

CSS

.left {
    float: left;
    background-color:#5696FF;
}

.right {
    float: right;
    background-color:#170078;
}

.layout {
    height: 100%;
    width:50%;
    overflow: auto;
}

div {
    color: #FFFFFF;
}

.inner {
    padding: 10px;
    padding-top: 60px;
}

html, body {
    height: 100%;
}

JavaScript

// layout testing