html - CSS将文本垂直对齐到div的中间

Question

强制 div 中的文本垂直居中对齐的正确方法是什么？我发现了一些“技巧”，但我需要一些可以与单行和多行一起使用的东西。希望我遗漏了一些简单的愚蠢的东西:

http://jsfiddle.net/rogerguess/DawFy/

.header {
    display: inline-block;    
    text-align: center;
    width: 123px;
    background: green;
    border-radius: 4px 4px 4px 4px;
    height: 80px;
    vertical-align: middle;
}

<div >
    <div class="header">test1 </div>
    <div class="header">some text that will wrap</div>
    <div class="header">test3</div>
</div>

Answer 1

将 display: inline-block; 更改为 display: table-cell;