<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Center Child Vertical</title>
  <style>

  html, body, h1, figure, img {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    color: inherit;
    background: transparent;
  }

  body {
    font-family: sans-serif;
    text-align: center;
    font-weight: bold;
  }

  h1 {
    margin: 20px 0;
    font-size: 60px;
  }

  figure {
    /*
    Create a coordinate system for absolute
    positioned `img` child tag.
    */
    position