Html Can'；t垂直中心h1内分区

我在尝试将一个标题垂直居中放置在一个div中时遇到了一些问题。 CSS如下所示：

.container{
背景：#a3f；
左侧填充：3%！重要；
}
.货柜h4{
垂直对齐：中间对齐；
文本对齐：居中；
背景：#f02；
}

我也尝试过一些，但文本仍在div顶部继续。

可能使用flexbox

.container{
背景：#a3f；
左侧填充：3%！重要；
高度：500px；
显示器：flex；
证明内容：中心；
对齐项目：居中；
}
.货柜h4{
/*垂直对齐：中间对齐*/
文本对齐：居中；
背景：#f02；
}

布拉布拉

我有几种方法：

1. <代码>网格（使用网格的两种方式）

.container{
背景：#a3f；
高度：100px；
显示：网格；
放置项目：中心；
/*或*/*放置内容：中心*/
}
.货柜h4{
背景：#f02；
}

标题

尝试添加

显示：内联块

为查看标题是否有效，由于其他原因，我无法使用5方法，但第1种方法非常有效。谢谢很高兴这有帮助。我只是想给你一些选择。谁知道也许你将来会发现其他人很有用。