Html 将文本与div内两个div的底部对齐

如何格式化CSS，使“标题右侧”中的文本与底部对齐，而“标题左侧”中的图像与顶部对齐

这是我的html：

这篇文章应该在底部。
此文本也应位于底部。

您可以将.container显示为表格，将.header right和.header left显示为表格单元格。通过这种方式，您可以将内容垂直底部（甚至顶部或中部）对齐

请参阅下面的代码片段

.container{
显示：表格；
}
.左页眉，.右页眉{
显示：表格单元格；
}
.右标题{
垂直对齐：底部对齐；
}
.右标题*{
显示：表格单元格；
}

这篇文章应该在底部。
此文本也应位于底部。

根据您的类命名，我想您希望两个文本都位于图像右侧，底部与图像对齐

要实现这一点，请将

display:inline block

应用于所有div，此外还应用

display:block以避免图像底部出现任何空格：


。左标题，
.标题右侧，
.标题右侧div{
显示：内联块；
}
.头部左侧img{
显示：块；
}

这篇文章应该在底部。
此文本也应位于底部。
文本已位于图像底部…您希望结果是什么样子？对不起，我的意思是文本显示在div的底部。下面是一个设计示例：谢谢！：）也谢谢你！：）