垂直對齊文本不工作時，我有多個段落

Question

我使用下面的額外簡單的HTML代碼：

<div class="test"> 
    <p>test 1234</p> 
    <!--<p>test 5678</p>--> 
</div> 

和CSS

.test { 
    background: #ccc; 
    height: 120px; 
} 

.test p { 
    line-height: 120px; 
} 

的jsfiddle - >http://jsfiddle.net/wP9K3/

它正常工作

但是，如果我從上面取消註釋第二段H TML代碼則顯示不好。 （從jsfiddle中移除註釋並運行它）。

如何在CSS中使n段落與其他無空間對齊？

在第一種情況下，顯示的是（良好）：

第二種情況下，也不好：

我的期望：

Answer 1

這個怎麼樣：

http://jsfiddle.net/wP9K3/5/

Answer 2

使用以下

​.test { 
    background-color : #ccc; 
    height : 120px; 
    display : table-cell; 
    vertical-align : middle;  
}​

樣品：http://jsfiddle.net/codebombs/st3aB/

Answer 3

代碼結構

<style> 
.test { 
    background: #ccc; 
    height: auto; 
    width:100px; 
} 

.test p { 
    line-height: 50px; 
} 
​</style> 

<div class="test"> 
    <p>test 1234</p> 
    <p>test 5678</p> 
</div> 

http://jsfiddle.net/wP9K3/16/