CSS Rotate Text Vertical - Extra Space on both sides

Question

When I rotate and inline layer with TEXT, it adds extra space (width of large text) on the rotation, I dont want to fix. What is the best way to avoid extra space (width of

Answer 1

Here you go:

http://jsfiddle.net/9Y7Cm/13205/

vertical-align is the key to answer.