CodePen Embed - Layer - vertical align 4

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

body{background:#ccc}
.layer{
  position:absolute;
  top:50%;
  left:50%;
  background:#f00;
  transform:translate(-50%, -50%)
}

This Pen is owned by Kim Tae Hyoung on CodePen.

This Pen doesn't use any external CSS resources.

This Pen doesn't use any external JavaScript resources.