Html 标题中的内容是否垂直居中？

如何在div中垂直居中img和h1？现在我有一个png和一个h1的标题，但内容是自动在左上角。我怎么把它放在中间，并保持它的反应？这是我的HTML：

标题{
文本对齐：居中；
最大高度：680px；
}

乱数假文
乱数假文

如果您希望它们排成一行并居中：

header{
  text-align: center;
}

h1, h3, img{
  display: inline-block;
  margin: 0 10px;
}

---

使用Flexbox将其水平和垂直居中

html，
身体{
身高：100%；
}
.柔性包装{
显示器：flex；
证明内容：中心；
身高：100%；
}
标题{
自对准：居中；
}

乱数假文
乱数假文

我知道两种垂直对齐的方法。

第一种方式：

使用表格

标题{
文本对齐：居中；
显示：表格单元格；
垂直对齐：中间对齐；
}
.包装纸{
显示：表格；
位置：绝对位置；
身高：100%；
宽度：100%；
}

乱数假文
乱数假文
不清楚问题是什么，因为你的代码片段显示了中间的一切。这不是你想要的吗？我看是居中的。你想水平居中还是垂直在同一条线上？它是水平居中的。如何使其垂直居中？就像标题上说的…可能是