文字垂直居中

今天看到一个解决文字垂直居中的demo，不管从扩展性仍是周围影响性，都很巧妙且不牵强：

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

真是一举解决了困扰多年的难性问题。

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