JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
			<div class="leftColumn">
				Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mattis odio odio, vel dignissim elit sodales eu. Phasellus in lobortis nisl. In nunc lectus, sollicitudin a massa et, gravida malesuada nibh. Nulla sed metus sed ipsum gravida tincidunt ac sed nulla. Phasellus sed ultricies mauris, sit amet scelerisque eros. Quisque eu condimentum nibh.
			</div>
			<div class="rightColumn">
				Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mattis odio odio, vel dignissim elit sodales eu. Phasellus in lobortis nisl. In nunc lectus, sollicitudin a massa et, gravida malesuada nibh. Nulla sed metus sed ipsum gravida tincidunt ac sed nulla. Phasellus sed ultricies mauris, sit amet scelerisque eros. Quisque eu condimentum nibh.
			</div>
			<div class="clear"></div>
		</div>

CSS

html, body {
   height: 100%;
   background-color: #f2f3f4;
   font-size: 95%;
}

.leftColumn {
   width: 15em;
   float: left;
   background: #49948b;
   color: #fff;
}

.rightColumn {
    margin-left: 15em;
    background-color: #457fa3;
    color: #fff;
}

.wrap{
    background-color: #aaa;
}

.clear {
    clear: both;
    float: none;
    font-size: 0;
    height: 0;
    line-height: 0;
}