Flex

HTML Code

<div class="flex-parent"><p class="flex-content">Your content goes here.</p></div>

CSS Code

.flex-parent 
{background-color:#888888; 
display: flex;
justify-content: center;
text-align: center;}

.flex-content 
{min-height:500px; 
display: flex;
justify-content: center; /*horizontal alignment*/
align-items: center; /* vertical alignment*/ 
font-size:72px; 
line-height:1.0em;}