Html 在页面中间将文本集中在另一个页面的顶部

我有一些问题，试图创建一个网站的主页。我才刚开始，不知道怎么做。基本上，我试图在另一个文本之上放一些文本，但要让它可读。我也试着让它具有移动响应能力，而我现在拥有的只是看起来不太合适

<p>Hello, there!</p>

---

您可以使用

Flexbox

和

：在

伪元素之后，下面是完整的

正文{
背景:"282828 ;；
颜色：白色；
字体系列：无衬线；
}
.网页{
最小高度：100vh；
显示器：flex；
对齐项目：居中；
证明内容：中心；
}
h1{
字体大小：25px；
文本对齐：居中；
位置：相对位置；
宽度：100%；
}
h1：之后{
内容：“你好”；
文本对齐：居中；
宽度：100%；
字体大小：75px；
字体大小：粗体；
位置：绝对位置；
左：50%；
最高：50%；
颜色：白色；
不透明度：0.2；
转换：翻译（-50%，-50%）；
}

另一个互动设计的学生。

您可以使用

Flexbox

和

：在

伪元素之后，下面是完整的

正文{
背景:"282828 ;；
颜色：白色；
字体系列：无衬线；
}
.网页{
最小高度：100vh；
显示器：flex；
对齐项目：居中；
证明内容：中心；
}
h1{
字体大小：25px；
文本对齐：居中；
位置：相对位置；
宽度：100%；
}
h1：之后{
内容：“你好”；
文本对齐：居中；
宽度：100%；
字体大小：75px；
字体大小：粗体；
位置：绝对位置；
左：50%；
最高：50%；
颜色：白色；
不透明度：0.2；
转换：翻译（-50%，-50%）；
}

另一个互动设计的学生。

最好是创建一个代码笔，这样人们就可以尝试看看它是如何工作的，并尝试帮助你……感兴趣的人可以使用半精确的演示：你能在Photoshop中创建一张图片并展示你想要实现的目标吗？最好是创建一个代码笔，这样人们就可以尝试看看它是如何工作的，并尝试帮助你完成任务对于那些感兴趣的人来说，这是一个半精确的演示：你能在Photoshop中创建一张图片并展示你想要实现的目标吗？谢谢！成功了！我是一个初学者，所以我不知道：after伪元素。谢谢！成功了！我是一个初学者，所以我不知道：after伪元素。

<ul class="nav nav-tabs">
    <li role="presentation" class="active"><a href="#">Home</a></li>
    <li role="presentation"><a href="#">Work</a></li>
    <li role="presentation"><a href="#">Get In Touch</a></li>
</ul>

h1 {
    left: 0;
    margin: auto;
    margin-top: -100px;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 100;
    font-size: 51px;
    padding-top: 80px;
    margin: 15px;
}

p {
    left: 0;
    line-height: 200px;
    margin: auto;
    margin-top: -100px;
    position: absolute;
    top: 50%;
    width: 100%;
    color: #232324;
    font-size: 160px;
    margin:15px;
}