Css 垂直对齐标题标记的内容

我读了很多关于CSS中垂直对齐文本的文章。我不明白为什么HTML这么简单，但CSS却不是

无论如何，我的问题是，我有以下几点： 在我的HTML文档中：

<header>
    <h1> My Website </h1>
</header>

我只想知道垂直对齐文本的最简单、最简单的方法，以便将其移动到页眉部分的中间或页眉部分的底部

如果我的问题已经被问到了，请告诉我在哪里

---

谢谢。

给出

标题的
高度和行高
，

与“垂直对齐中心”相同。像这样：

header
{
    padding: 0px;
    background-color: #BCCCCC;
    color: black;
    font-weight: bold;
    text-align: center;
    height:100px;
    line-height:100px;
    background:red;
    display:block;

}

已更新 如果希望文本位于底部，则可以使用

position:absolute

或

display:table

属性。下面是具有

display:table

属性的示例

---

谢谢，如果我想要底部呢？这在HTML中从来都不容易，除了在表格单元格中。现在仍然如此。

header
{
    padding: 0px;
    background-color: #BCCCCC;
    color: black;
    font-weight: bold;
    text-align: center;
    height:100px;
    line-height:100px;
    background:red;
    display:block;

}