如何在中間設置文字（水平和垂直）？

Question

這是我的HTML和CSS

<div id="name"> 
<p>TEST TEST TEXT</p> 
</div> 

#name{ 
    width: 200px; 
    height: 50px; 
    background: #019fde; 
    border-radius: 10px; 
} 

如何設置在中間（水平和垂直）的文本？

Answer 1

如果只是一條線，您可以使用line-height。將line-height設置爲與元素相同的高度（本例中爲50px），文字將位於中間。

爲中心對齊文本，只需使用text-align:center;

Answer 2

，你也可以不打擾在div包裹p，並簡單地給頂部的p標籤一致的填充和底部將達到你想要的高度，同時也設置爲text-align:center。

Answer 3

這將做到這一點：

text-align: center; 
    display: table-cell; 
    vertical-align: middle; 

http://jsfiddle.net/Z8S8H/