Html 按钮赢了'；不要在中间对齐

最近，我想在容器中添加一个按钮以及图标和文本。但是按钮不会在中间对齐。我甚至不确定图标是否在中间对齐。我尝试调整顶部%和左侧%但不移动

.container{
位置：相对位置；
宽度：550px；
高度：350px；
背景色：rgba（255、255、255、0.7）；
保证金：20px自动；
边界半径：15px；
盒影：0 0 20px 0 px rgba（0,0,0,0.6）；
}
.集装箱h1{
保证金：0；
填充：0；
字体大小：30px；
文本对齐：居中；
位置：相对位置；
最高：20%；
转化：translateY（-80%）；
}
.图标{
宽度：40%；
身高：40%；
保证金：0；
左：30%；
最高：15%；
转化：translateX（-70%，-80%）；
位置：相对位置；
}
.按钮{
背景色：rgba（2312312311,1）；
边界：无；
填充：12px 25px；
保证金：0；
文本对齐：居中；
显示：块；
字体大小：16px；
颜色：黑色；
边界半径：12px；
位置：相对位置；
最高：50%；
左：50%；
}

大唐是一个大城市！

.container{
位置：相对位置；
宽度：550px；
高度：350px；
背景色：rgba（255、255、255、0.7）；
保证金：20px自动；
边界半径：15px；
盒影：0 0 20px 0 px rgba（0,0,0,0.6）；
}
.集装箱h1{
保证金：0；
填充：0；
字体大小：30px；
文本对齐：居中；
位置：相对位置；
最高：20%；
转化：translateY（-80%）；
}
.图标{
宽度：40%；
身高：40%；
保证金：0；
左：30%；
最高：15%；
转化：translateX（-70%，-80%）；
位置：相对位置；
}
.按钮{
背景色：rgba（2312312311,1）；
边界：无；
填充：12px 25px；
保证金：0；
文本对齐：居中；
显示：块；
字体大小：16px；
颜色：黑色；
边界半径：12px；
保证金：0自动；
}

大唐是一个大城市！

按钮位于

标签内。我认为您试图将锚（
）内的
移动到中间，对吗？
是无效的HTML。您需要一个锚链接到另一个资源，或者需要一个按钮（触发脚本）。如果两者都需要，请在锚上添加一个onlick触发器。谢谢@tacosh。我做了马苏克，它成功了！最好添加一段代码片段，说明您的解决方案是有效的。你可以使用OP代码片段的“复制到”按钮来编辑它。他不必改变一切，只需删除3行并添加一行即可。他甚至不必这样做。锚点是一个内联元素，只需使用
text align:center在parent@tacoshy这是同样的事情，他可以用它，或者什么都不用changes@JvstAlf照你说的做，按钮还是不动。