将文本居中放置在元素中

Question

我正在尝试对齐此页面上的文字：https://m.omegarealm.tk/（具体是移动子域名）

垂直于屏幕顶部红色条的中心。我正在寻找的结果是“测试”这个词在导航栏（红色条）的中心垂直对齐。

您可以在此处查看应用于该页面的CSS：https://assets.omegarealm.tk/mobile.css

编辑：不要担心CSS缩进，它被cloudflare压缩。在服务器上它缩进

Answer 1

http://jsfiddle.net/teobzpv3/

*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
div{
    position: relative;
    background: #f00;    
    padding: 25px;
}
div p {
  position: absolute;  top: 50%; left: 50%;
  -webkit-transform: translate(-50%,-50%);
   -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);    
}

<div>
    <p>Text</p>
</div>