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

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
.outer:before {
content: "";
height: 100%;
display: inline-block;
vertical-align: middle;
margin-right: -0.25em;
}
.inner {
display: inline-block;
vertical-align: middle;
}