This is interesting but I don't like it. It's a quirky non-idiomatic hack. Using vertical-align/line-height/inline-block is equally-effective and IMHO conceptual and readable/self-documenting.
Details: http://jsfiddle.net/uy64k/6/
This requires no extra markup, but it does require the font-size and line-height to be reset.