文字垂直居中

今天看到一個解決文字垂直居中的demo，不管從擴展性仍是周圍影響性，都很巧妙且不牽強：

css.vertical {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

真是一舉解決了困擾多年的難性問題。

http://jsfiddle.net/chromefans/52knm20r/embedded