outer before content height 100 width display inline-block vertical-al

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

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