使元素内的文本居中

Question

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

垂直到屏幕顶部红色条的中心。我正在寻找的结果是单词 "test" 垂直对齐在导航栏（红色栏）的中心。

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

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

Answer 1

*{
    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>

使元素内的文本居中

Centering text inside of an element

html

css

php

jquery

alignment