Html 如何将一个按钮相对于顶部的另一个按钮居中

我喜欢将一个按钮相对于顶部的按钮居中。 如图所示，下面的按钮未居中

我试着

.btn{
填充：16px 22px；
颜色：#fff；
边界半径：4px；
位置：相对位置；
-webkit转换：所有.3s线性；
-moz过渡：全部.3s线性；
-ms转换：全部3秒线性；
-o-过渡：全部。3s线性；
过渡：全部3秒线性；
盒影：02px4px0rgba（0,0,0,0.1），02px5px0rgba（0,0,0,0.15）；
边界：无；
文本转换：大写；
}
.btn中心{
显示器：flex；
对齐项目：居中；
证明内容：中心；
}
.btn通用{
背景：#3498db；
}
.btn xs{
边界半径：0px；
字体大小：12px；
线高：1.5；
填充物：1px 5px；
}

免费预订
付账

如果您指定了

向右拉的宽度（明确地，或者通过执行类似
显示：内联块
的操作，以使包装收缩以适合元素），并在
btn中心
中添加
边距：自动
，应该可以工作

如果您指定了
向右拉的宽度（明确地，或者通过执行类似
显示：内联块
的操作，以使包装收缩以适合元素），并在
btn中心
添加
边距：自动
，它应该可以工作

你是说宽度不一样？是的，不一样。保持当前宽度。我真的不明白你想做什么。像这样@MichaelCoker你有什么办法让它比这更好吗？我觉得下面的一个居中，上面的一个看起来更好。不是吗？还有更好的主意吗？@batuman如果你在寻找设计反馈，我不确定。这取决于用户界面的其他部分。似乎元素可以使用一些填充和边距，字体大小可以更大。你也可以在booking.com或hotels.com上查看关于类似按钮的反馈。booking.com是数据驱动型网站，对用户界面进行了大量测试，因此他们的界面应该是一个获得灵感的好地方。你是说宽度不一样？是的，不一样。保持当前宽度。我真的不明白你想做什么。像这样@MichaelCoker你有什么办法让它比这更好吗？我觉得下面的一个居中，上面的一个看起来更好。不是吗？还有更好的主意吗？@batuman如果你在寻找设计反馈，我不确定。这取决于用户界面的其他部分。似乎元素可以使用一些填充和边距，字体大小可以更大。你也可以在booking.com或hotels.com上查看关于类似按钮的反馈。booking.com是一个数据驱动型网站，它对用户界面进行了大量测试，因此用户界面应该是一个获得灵感的好地方。您需要添加
width:100%至中的
.btn
css@DanielHOP表示
居中
，而不是
拉伸
=）您需要添加
宽度：100%至中的
.btn
css@DanielHOP说的是
中心
，而不是
拉伸
=）