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

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