JSFiddle - React, Tailwind, and code Playground

HTML

<div class="section">
		<div class="container">
			<div class="wrap">
				<div class="column left">
					<h1>Software</h1>
					<p>I use many software applications to achieve the best results.</p>
				</div>
				<div class="column right"></div>
			</div><!-- end wrap -->
	</div><!-- end container -->
</div><!-- end section -->

CSS

.container {
	width: 100%;
	height: 100%;
	display: table;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
.wrap {
	vertical-align: middle;
	display: table-cell;
	padding: 0;
	margin: 0;
	border: 1px solid red;
}

/* Columns */
.column {
	width: 45%;
	height: auto;
    float:left;
	text-align: center;
	border: 1px solid black;
}
.right {
	margin-left:0;
    height: 250px
}
.left {
    margin-left:5%;
}