Cacher is the code snippet organizer for pro developers

.container{
  display: flex;
  align-items: center;
  height: 10em;
  background: #7396a1;
  width: 300px;
  color: #fff;
  margin-left: auto;
  margin-right: auto;
}

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