<div class="layer">
<span class="content">Layer Contents</span>
</div>
body{background:#ccc}
.layer{
position:absolute;
top:0;right:0;bottom:0;left:0;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
align-items:center;
justify-content:center;
-webkit-align-items:center;
-webkit-justify-content:center;
-webkit-box-pack:center;
-webkit-box-align:center;
-moz-box-pack:center;
-moz-box-align:center;
-ms-box-pack:center;
-ms-box-align:center;
}
.layer .content{background:#f00}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.