CSS Vertical and horizontal align a span inside of a div?

Question

Please look at this jsfiddle: http://jsfiddle.net/xMAKq/20/

How could I center the left column text to be centered like this:

Answer 1

You would like to use text-align: center and vertical-align: middle css properties.

See example

Answer 2

You can try with display and table values (table-row and table-cell) and then use vertical-align: middle, as in http://jsfiddle.net/frozenkoi/xMAKq/22/