CSS: Why “vertical-align: middle” does not work?

Question

Consider the following example: (live demo here)

HTML:

Answer 1

You should have display: table-cell I think, this works only in tables.. I use line-height equal to height of the element and it works too.