Html 我可以使用垂直对齐将文本定位在祖先元素的底部吗？

我可以使用

垂直对齐

（我知道这只适用于文本-但我想对齐文本（尽管在嵌套元素中））将文本定位在祖先元素底部的以下DOM中吗

我知道如何使用

position:absolute

，但是可以使用垂直对齐吗

h1

中的跨度是文本背景效果所必需的

#条{
背景色：rgb（23615446）；
垂直对齐：中间对齐；
显示：内联；
}
h1{
字体大小：2.6rem；
线高：2.8雷姆；
文本转换：大写；
}
#福{
背景：url(https://d3i6fh83elv35t.cloudfront.net/newshour/wp-content/uploads/2017/07/scaramucci-1-1024x703.jpg);
背景尺寸：封面；
最小高度：400px；
}

我想让它与标题的底部对齐

#条{
背景色：rgb（23615446）；
垂直对齐：中间对齐；
显示：内联；
}
h1{
字体大小：2.6rem；
线高：2.8雷姆；
文本转换：大写；
显示：表格单元格；
垂直对齐：底部对齐；
}
#福{
背景：url(https://d3i6fh83elv35t.cloudfront.net/newshour/wp-content/uploads/2017/07/scaramucci-1-1024x703.jpg);
背景尺寸：封面；
最小高度：400px；
显示：表格；
}

我想让它与标题的底部对齐

可能的重复项您可以使用

垂直对齐对齐任何元素，常用的方法是使用伪元素定义100%的父元素高度线高度（为其他子元素设置流）然后使用
inline block
s和
vertical align
在整个父区域上移动对齐子元素。下面是使用
inline block
和
vertical align
将元素定位在父区域内的方法示例。这是我不久前写的一个网格系统，它使用这种方法作为一个通用的类似网格的包装器。非常感谢。有没有不使用显示表格单元格的方法？当然，如果h1是对齐的标题底部，它应该出现在底部-但我不能让它的工作。。。