JSFiddle - React, Tailwind, and code Playground

by Billy Moon

HTML

<div id='left'>oke seo jslfj lkzsdjf,sz dfkfsdkdsfg khzd lkzsdjf,sz dfkfsdkdsfg khzd lkzsdjf,sz dfkfsdkdsfg khzd lkzsdjf,sz dfkfsdkdsfg khzd lkzsdjf,sz dfkfsdkdsfg khzd lkzsdjf,sz dfkfsdkdsfg khzd lkzsdjf,sz dfkfsdkdsfg khzd lkzsdjf,sz dfkfsdkdzsdzsdjf,sz dfkfsdkdsfg khzd lkzsdjf,sz dfkfsdkdsflkzsdjf,sz dfkfsdkdsfg khzd lkzsdjf,sz dfkfsdkdsfg khzd lkzsdjf,sz dfkf,sz dfkfsdkdsfg khzd lkzsdjf,sz dfkfsdkdsfg khzd lkzsdjf,sz dfkfsdjf,sz dfkfsdzd lkzsdjf,sz dfkfsdkdsfg khzd lkzsdjf,sz dfkfsdkdsfg khzd lkzsdjf,sz dfkfsdkdsfg khzd lkzsdjf,sz dfkfsdkdsfg khzd lkzsdjf,sz dfkfsdkdsfg khzdh</div>

<div id='right'>oke seo jslfj lkzsdjf,sz dfkfsdkdsfg khzd lkzsdjf,sz dfkfsdkdsfg khzd lkzsdjf,sz dfkfsdkdsfg khzd lkzsdjf,sz dfkfsdkdsfg khzd lkzsdjf,sz dfkfsdkdsfg khzd lkzsdjf,sz dfkfzsdjf,sz dfkfsdkdsfg khzd lkzsdjf,sz dfkfsdkdsflkzsdjf,sz dfkfsdkdsfg khzd lkzsdjf,sz dfkfsdkdsfg khzd zsdjf,sz dfkfsdkdsfg khzd lkzsdjf,sz dfkfsdkdsflkzsdjf,sz dfkfsdkdsfg khzd lkzsdjf,sz dfkfsdkdsfg khzd lkzsdjf,sz dfkf,sz dfkfsdkdsflkzsdjf,sz dfkfsdkdsfg khzd lkzsdjf,sz dfkfsdkdsfg khzd lkzsdjf,sz dfkfzsdjf,sz dfkfsdkdsfg khzd lkzsdjf,sz dfkfsdkdsflkzsdjf,sz dfkfsdkdsfg khzd lkzsdjf,sz dfkfsdkdsfg khzd lkzsdjf,sz dfkfsdkdsfg khzd lkzsdjf,sz dfkfsdkdsfg khzd lkzsdjf,sz dfkfsdkdsfg khzd lkzsdjf,sz dfkfsdkdsfg khzd lkzsdjf,sz dfkfsdkdsfg khzd lkzsdjf,sz dfkfsdkdsfg khzd lkzsdjf,sz dfkfsdkdsfg khzdh</div>

CSS

#left, #right{
    text-align: justify;
    position: absolute;
    width:60%;
    right:0;
}
#right{
    right:auto;
    left:0;
}

JavaScript

for (i = 1; i < 40; i++) {
    $('<div />').css({
        border: '1px solid silver',
        height: 10,
        width: (5 * i),
        float: 'left',
        clear: 'left'
    }).prependTo($('#left'))
    $('<div />').css({
        border: '1px solid gold',
        height: 10,
        width: (200 - (5 * i)),
        float: 'right',
        clear: 'right'
    }).prependTo($('#right'))
}