Align Div Middle

Code

A CSS and HTML code snippet to illustrate how to vertically center align a div.

.centered {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

<div class="centered">I am a centered div</div>