Html 列表项中多个按钮的底部位置

我需要创建一个列表项结构，其中包含从底部开始的三个按钮。需要什么样的样式来放置这些按钮，如图中所示（按钮的顺序无关紧要，我只想在底部放置3个按钮）

下面是我的CSS和HTML

li{
边框：1px实心#ddd；
填充：10px；
高度：200px；
溢出：隐藏！重要；
文本对齐：居中；
}
.btn海关{
}

按钮-3
按钮-2
按钮-1

类似的东西

li{
边框：1px实心#ddd；
填充：10px；
高度：200px；
溢出：隐藏！重要；
文本对齐：居中；
显示器：flex；
弯曲方向：立柱；
证明内容：柔性端；
}

按钮-3
按钮-2
按钮-1

您需要使用

显示：表格单元格

才能垂直对齐内容

ul{
列表样式：无；
}
ulli{
边框：1px实心#ddd；
显示：表格单元格；
高度：200px；
填充：10px 25px；
垂直对齐：底部对齐；
}
.btn海关{
显示：块；
边缘顶部：5px；
左边距：自动；
右边距：自动；
}

按钮-3
按钮-2
按钮-1

使用页边距顶部和页边距底部感谢Pol的回复。这也非常有效，但WasthisHelper的解决方案对我来说看起来更好、更小。他提供的参考资料帮助了我的理解。谢谢，这对解决问题很有帮助。你真的很有帮助。