Css 如何使按钮响应并居中？

我想让一个按钮居中和响应。但是我不能给它一个宽度，否则背景颜色会跟它相配。有什么解决办法吗

代码：

背景色：#03326c； 字体大小：25px； 高度：35px； 左边距：530px； 利润上限：-70px； 位置：相对位置； 文本对齐：居中； 宽度：180px； z指数：100000； }

---

目前尚不清楚这会是什么样子，我们根据您的代码掌握的信息有限，但这会起作用

不清楚你所说的按钮“响应”是什么意思，但它是居中的，没有定义宽度

.product-button1{
文本对齐：居中；
}
产品-1 a{
背景色：#03326c；
字体大小：25px；
高度：35px；
位置：相对位置；
文本对齐：居中；
显示：内联块；
颜色：白色；
填充物：5em 1em；
}

我们需要查看实际涉及的HTML和CSS……您能做一个演示吗？那巨大的利润让我担心。是的，我知道。不要介意利润。我正在用HTML/CSS制作一个广告横幅。通过浮动和所有这些都是非常棘手的。这与媒体查询结合使用效果很好。HTML是在我的作品中编辑的。谢谢，这就是我的意思。但是，由于使用的模板，我无法编辑A标记。所以我想我必须把它们都放在productbutton1中，文本在span类reserverenbutton1中对齐？另外，我在网站左侧有一个300px的有限空间。它需要在那里居中，没有响应，对不起，我的意思是只居中。不…对齐范围的文本不会对齐按钮，只对齐范围中的文本。你真的需要显示你试图影响的代码，而不是零碎地向我们提供条件。很抱歉，出于某些原因，我无法真正共享代码。但这里有一个典型的url来说明这种情况。在图片中，您可以在250像素宽的空间中看到图片，但它必须仅在该空间居中。按钮也一样。当代码使用100%宽度时，它可以正常工作。所以，您不需要设置任何宽度，但在媒体查询中，它只有85%的宽度。制作一个宽度为85%的背景div，然后在productbutton1上使用中心对齐css，这是解决方案吗？

  background-color: #03326c;
  font-size: 25px;
  height: 35px;
  margin-left: 530px;
  margin-top: -70px;
  position: relative;
  text-align: center;
  width: 180px;
  z-index: 100000;
}

<div class="product-button1"><a href="http://blabla.com/blabla.html" title="reserveren"><span class="reserverenButton1">Reserveer hier</span></a></div>