Html 垂直对齐显示为div内部块的图元

我在将文本对齐到中心时遇到一些问题：

.list{
宽度：100%；
身高：100%；
}
.行{
垂直对齐：中间对齐；
宽度：100%；
高度：30px；
文本对齐：居中；
}
.姓名{
显示：块；
浮动：左；
宽度：30%；
}
.留言{
显示：块；
浮动：左；
宽度：70%；
}

本
你好，世界
汤姆
你好，世界
未命名
你好，世界

您可以通过以下方式执行此操作：

.list{
宽度：100%；
身高：100%；
}
.行{
显示器：flex；
证明内容：中心；
对齐项目：居中；
文本对齐：居中；
宽度：100%；
高度：30px；
}
.姓名{
显示：块；
浮动：左；
宽度：30%；
}
.留言{
显示：块；
浮动：左；
宽度：70%；
}

本
你好，世界
汤姆
你好，世界
未命名
你好，世界

您能澄清一下“不起作用”的含义吗？@DanielBeck文本与行的顶部对齐，而不是居中。行使用填充而不是高度。