Horizontal & Vertical Align Example

Horizontal & Vertical Align

<div class="content">
	<p>Horizontal & Vertical Align</p>
</div>
.content {
	display: flex;
	height: 300px;
	margin: 0;
	font-size: 1.6em;
	background: #fff;
}

.content p {
	display: inline-block;
	margin: auto;
	align-self: center;
}


Related Snippets