垂直居中3段與css

Question

所以，我只是一個初學者。我設法水平居中我的div至極含有3個paraphraphs本：

div p { 
text-align: right; 
margin-right: 50%; 
color: white; 
} 

我怎樣才能讓他們垂直對齊，用文本中右擊對齊？圖片相關。

http://imgur.com/6ebKRMp

<div class="imperio"> 
     <p>Império<br> 
     dos<br> 
     Sabores</p> 
</div> 

Answer 1

div p { 
text-align: center; 
color: white; 
} 

Answer 2

您需要使用的造型爲DIV容器，使其垂直居中對齊。

這裏是working jsfiddle example。

順便說一句，你真的應該使用text-align: center而不是你目前的樣式，使其水平居中。