you can do (real) vertical-centering with display: inline-block too
See https://twitter.com/giuseppegurgone/status/38820349236545126...
See https://twitter.com/giuseppegurgone/status/38820349236545126...
But I can't figure out, for the life of me, why the bizarre ".container:before" declaration is needed -- it would seem to be entirely superfluous, but if you remove it, the whole thing breaks. Can you explain what's going on?
The pseudo-element (in red) is 100% tall and both .container:before and content are inline-block with vertical-align: middle;