Cacher is the code snippet organizer for pro developers

* {
  padding: 10px 20px;
}

.container {
  position: relative;
  height: 6em;
  width: 300px;
  background: #e5e6e5;
  margin-left: auto;
  margin-right: auto;
}

.content {
  position: absolute;
  color: #fff;
  top: 3em;
  line-height: 3em;
  margin-top: -1.5em;
  background: #7396a1;
}

<div class="container">
  <div class="content">I'm aligned vertically!</div>
</div>