CSS Vertical Center with Flexbox

flexbox.css

/* Ref: https://davidwalsh.name/css-vertical-center-flexbox */

/*
Vertical centering requires a parent and children elements but 
only the parent element needs CSS properties set for the vertical 
centering of child elements:
*/
.flexbox-container {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;

	align-items: center;
}

index.html

<div class="flexbox-container">
	<div>Blah blah</div>
	<div>Blah blah blah blah blah ...</div>
</div>

Thanks to David Walsh: https://davidwalsh.name/css-vertical-center-flexbox

This will vertical center and align left. Add `justify-content: center;' to center align.