<div class="center-me">
  I'm centered!
</div>
body, html {
  height: 100%;
  display: grid;
}
.center-me {
  margin: auto;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.