Html 在CSS页面上定位元素

我想创建页面标题，如下所示：

但是我用我的虚拟css规则得到的是：

---

我主要是一名后端开发人员，但我想深入研究CSS和HTML，这是我的，这是我的，所以有人能告诉我如何以正确的方式放置这些元素吗。谢谢

您可以定位您的旗帜绝对并设置顶部、左侧、右侧、底部属性。绝对定位元素将从自然文档流中删除，您可以通过设置其左、上、右、下属性将其对齐到任何需要的位置

示例

<div class="box">

    <div class="inner-box">
    <p>dummy content</p>
    </div>

</div>

---

调整边距也可以帮助你定位事物，第二个值对居中事物非常有帮助。

开始摆弄。。。

.box {
    position: relative;
}

.inner-box {
    position: absolute;
    top: 20px;
    left: 50px;
}

margin: 20px auto;