Css 不能将按钮居中

我正在试着将一个按钮居中。乍一看，按钮似乎居中。但是，当屏幕尺寸变小时，按钮会更偏右。我已经尝试使用文本对齐：居中；等等，但这不起作用。我真的不知道是什么导致了这个问题。我有另一个按钮容器，我没有这个问题。下面是代码笔的链接。欢迎提出解决办法。谢谢

使用

display:flex;
justify-content:center;
align-items:center;

---

如果你只想要一个按钮在中心，那么使用这个< /P>你只想在中间有一个按钮吗？非常感谢。这工作很好：display:flex；证明内容：中心；对齐项目：居中；还在学习。再次感谢您的欢迎，同时检查代码笔并将主体和所有样式添加到您的cssHi中。我试过密码笔。但是，按钮没有居中。我刚刚使用：.button-boxpulse{display:flex；justify-content:center；align-items:center；页边距顶端：50px；}而不是：.button-boxpulse{margin-left:46vw；页边距顶端：42vh；}这一切正常。想知道为什么在codepen示例中按钮没有居中。您的代码中添加了

主体

样式，而我没有为

添加任何代码。button boxpulse

在我的codepen中