Cacher is the code snippet organizer for pro developers

/*Vertical centering requires a parent and children elements...*/

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

/*...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;
}