<div id="tall-ghost-wrapper">
  <img class="not-a-ghost" src="https://placekitten.com/300/160" />
</div>
#tall-ghost-wrapper {
  width: 400px;
  height: 200px;
  background-color: #3B3B98;
  text-align: center;
}

#tall-ghost-wrapper::before {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%;
}

/* figure out however you want to do this */
/* i don't pour your cereal */
#tall-ghost-wrapper > .not-a-ghost {
  display: inline-block;
  vertical-align: middle;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.