如何在中间设置文字（水平和垂直）？

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/