<div class="container">
  <h1>Center</h1>
</div>
html, body {
  height: 100%;
  margin: 0;
}
body {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #03a9f4;
  display: -webkit-flex;
  display: flex;
  font-family: "Bitter", serif;
}
.container {
  margin: 0 auto;
}
h1 {
  color: #fff;
  font-size: 2.5em;
  text-shadow: 3px 2px 0 #03a9f4, 6px 5px 0 rgba(0, 0, 0, .15);
}
// Demo example for https://github.com/AllThingsSmitty/css-protips#vertically-center-anything

External CSS

  1. https://fonts.googleapis.com/css?family=Bitter

External JavaScript

This Pen doesn't use any external JavaScript resources.