JSFiddle - React, Tailwind, and code Playground

HTML

<div class="informationbox">
		<div class="left">
			Left Filler Line #1<br />
            Left Filler Line #2<br />
            Left Filler Line #3<br />
            Left Filler Line #4<br />
            Left Filler Line #5
		</div>
		<div class="right">
			Right Filler
		</div>
	</div>

CSS

.informationbox {
	position: relative;
	width: 50%;
	background-color:green;
	overflow: hidden;
}
.left {
	width: 50%;
	float: left;
	background-color: pink;
}
.right {
	width: 50%;
	float: right;
	text-align: right;
	background-color: red;
	vertical-align:middle;