Html 如何将按钮与“按钮”的底部对齐；折扣“；迪夫？

我只是在学习表单、输入和字段集是如何工作的，所以我尝试用自己的代码复制上面的图像。到目前为止，我已经能够理解其中的大部分内容，但我不知道如何正确地将按钮与第三个div的底部对齐。我尝试了一个带有垂直对齐：底部的span标记，但这不起作用。另外，我试着做一个div并使用垂直对齐底部，这也不起作用。我想我只是对垂直对齐的理解很差，所以如果你能帮助我，我将不胜感激

订购信息
名字：
 姓氏：


街道地址：
声明：
城市：
邮编：
付款和装运
付款：

维萨

万事达卡

贝宝
运输：

优先级%7.99

标准$3.99

隔夜15.99美元
折扣：

AAA

AARP

哈茨成员

3个问题：

1：你的身体标签上少了一个

2：当您使用float:left时，您将元素从dom流中移除。在这种情况下，最好使用display:inline块

3：添加显示：块，左边距：您的a标记

注意：你的表格看起来不错

a{
显示：内联块；
左边距：10px；
}

订购信息
名字：
 姓氏：


街道地址：
声明：
城市：
邮编：
付款和装运
付款：

维萨

万事达卡

贝宝
运输：

优先级%7.99

标准$3.99

隔夜15.99美元
折扣：

AAA

AARP

哈茨成员

您应该在此处为所有字段标签使用

标签

每个单选按钮列表也应位于其自己的
字段集中

另外，不要使用标签（如
br
或元素（如
）作为间距、用户
margin
或
padding
）

现在让我们将单选按钮和标签封装在标签标签中。这将有助于对齐链接。不要在链接中使用按钮，这是无效的HTML，可能会导致奇怪的行为。相反，请适当设置链接的样式，我会使其看起来像一个链接，因为它是指向在新选项卡中打开的外部站点的实际链接


正文{
背景色：#EEEEEE
}
.flex{
显示器：flex；
}
全方位标签{
右侧填充：1em；
}
标签{
空白：nowrap；
垫底：0.5em；
显示：内联块；
}
字段集字段集{
边界：无；
填充底部：0；
}
#paymentShippingFields字段集标签{
显示：块；
填充底部：0；
}
#paymentShippingFields字段集{
边界：无；
宽度：33%；
}

订购信息
名字：
姓氏：
街道地址：
声明：
城市：
邮编：
付款和装运
付款：
签证
万事达卡
贝宝
航运：
优先级%7.99
标准$3.99
隔夜15.99美元
折扣：
AAA
美国退休人员协会
哈茨成员
在
标记中放置
按钮
是无效的HTML。请参阅允许的内容部分：