CodePen Embed - Layer vertical-align 1

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

body{background:#ccc}
.layer{
  position:absolute;
  top:50%;
  left:50%;
  width:100px;
  height:100px;
  background:#f00;
  margin:-50px 0 0 -50px;
}

This Pen is owned by Kim Tae Hyoung on CodePen.

See more by @myting on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.