JSFiddle - React, Tailwind, and code Playground

by ninty9notout

HTML

<div class="content cf">
    <div id="leftSide">
	    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque tincidunt arcu nec nibh commodo, et pharetra ipsum accumsan. Quisque iaculis erat metus, vitae aliquet enim dictum eget. Donec eu imperdiet erat. Fusce lobortis orci eget odio dapibus placerat. Suspendisse tempus mi augue, in fringilla mi pharetra eget. Morbi aliquam pharetra arcu et rhoncus. Vestibulum sed nisi nisi. Duis tincidunt mi eget consequat dignissim. Fusce semper velit eu libero vehicula lacinia. Suspendisse ultrices malesuada nunc ac faucibus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed vestibulum, turpis eget lacinia dapibus, mi lorem molestie ante, in ornare magna leo sed arcu. Proin eu tortor lobortis, dictum mauris eget, iaculis magna. Aliquam rutrum, eros et aliquam pulvinar, nunc diam vestibulum arcu, sed pretium sapien orci at tortor. Aliquam erat volutpat.</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque tincidunt arcu nec nibh commodo, et pharetra ipsum accumsan. Quisque iaculis erat metus, vitae aliquet enim dictum eget. Donec eu imperdiet erat. Fusce lobortis orci eget odio dapibus placerat. Suspendisse tempus mi augue, in fringilla mi pharetra eget. Morbi aliquam pharetra arcu et rhoncus. Vestibulum sed nisi nisi. Duis tincidunt mi eget consequat dignissim. Fusce semper velit eu libero vehicula lacinia. Suspendisse ultrices malesuada nunc ac faucibus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed vestibulum, turpis eget lacinia dapibus, mi lorem molestie ante, in ornare magna leo sed arcu. Proin eu tortor lobortis, dictum mauris eget, iaculis magna. Aliquam rutrum, eros et aliquam pulvinar, nunc diam vestibulum arcu, sed pretium sapien orci at tortor. Aliquam erat volutpat.</p>	
	</div>
		
	<section id="rightSide">
	    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque tincidunt arcu nec nibh commodo, et pharetra ipsum accumsan....

CSS

body { font-family: sans-serif; }

.content { overflow: hidden; }
#leftSide, #rightSide { float: left; padding-bottom: 9999px; margin-bottom: -9999px; }
#leftSide { width: 60%; color: #00f; }
#rightSide { width: 40%; background: #00f; color: #fff; }

.cf:before, .cf:after { content: " "; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }