html - 在 div 中居中文本

Question

我正在尝试使文本(水平和垂直)居中，但我对此有点困难。

这是我尝试过的，但只是水平居中，而不是垂直居中。

我怎样才能让这段文字居中？

<div class="playerDetailsPage">
            <p>
                <h4>The text will be in the center</h4>
            </p>

        </div>

CSS

    .playerDetailsPage {
    background-color: #edd4d4; 
    width: 630px;
    height: 390px;
    text-align: center; 
    vertical-align: middle;
    line-height: 390px;
}

Answer 1

不要为这种事情使用表格。这不是您可以使用表格解决的问题。

就我所见，它运行完美。这是一个工作示例: http://jsfiddle.net/T7V58/1/

你的代码是正确的，问题是什么？只需删除 p 标签即可。

<div class="playerDetailsPage">
           <h4>The text will be in the center</h4>
    </div>

CSS:

   .playerDetailsPage {
    background-color: #edd4d4; 
    width: 630px;
    height: 390px;
    text-align: center; 
    vertical-align: middle;
    line-height: 390px;
}