JSFiddle - React, Tailwind, and code Playground

HTML

<div class="contentBlock">
					<div id="profileBlock">
						<div id="imageContainer"></div>
						<div id="textBlock">				
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
							tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
							quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
							consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
							cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
							proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
						</div>	
					</div>
				</div>

CSS

html, body { height: 100%; }

.contentBlock
{
	display: inline-block;
	width: 100%;
	min-height: 100%;
    border: 2px solid red;
}

#profileBlock
{
	text-align: center;
	margin: 25px 25px;
	min-height: 350px;
    border: 1px dashed blue;
}

#textBlock
{
	width: 50%;
	display: inline-block;
	margin: 0px 25px;
}

#imageContainer
{
	vertical-align: top;
	display: inline-block;
	width: 250px;
	height: 300px;
	background-image: url('http://placehold.it/250x300');
	background-repeat: no-repeat;
}