CSS3 阴影文字垂直居中

Question

p 阴影文字怎么垂直居中呢，我试了margin、padding、absolute、table-cell，都不行啊！

Answer 1

div{
    width:400px;height:400px;display:table;
}
div div {
    display:table-cell;vertical-align:middle;
}

p{text-align:center;background:rgba(0,0,0,.2);}

<div>
    <div><p>The sun goes down.</p></div>
</div>

Answer 2

有两种方法你可以试试：

1. p的样式添加一个line-height:400px;

2. div的样式添加 display:table; p的样式添加 display:
   table-cell; vertical-align:middle;