CodePen Embed - Layer - vertical align

<div class="layer">
  <span class="content">Layer Contents</span>
</div>

body{background:#ccc}
.layer{
  position:fixed;
  top:0;right:0;bottom:0;left:0;
  margin:auto;
  background:#f00;
  width:100px;
  height:100px;
}

This Pen is owned by S.Young on CodePen. It is a fork of this Pen.

This Pen doesn't use any external CSS resources.

This Pen doesn't use any external JavaScript resources.