outer before content height 100 display inline-block vertical-align mi

.outer:before {
  content: "";
  height: 100%;
  display: inline-block;
  vertical-align: middle;
  margin-right: -0.25em;
}

.inner {
  display: inline-block;
  vertical-align: middle;
}