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>

最佳答案

目前尚不清楚它的外观，根据您的代码，我们提供的信息有限，但这是可行的。

尚不清楚按钮“响应”是什么意思，但它居中且未定义宽度。

.product-button1 {
  text-align: center;
}
product-button1 a {
  background-color: #03326c;
  font-size: 25px;
  height: 35px;
  position: relative;
  text-align: center;
  display: inline-block;
  color: white;
  padding: .5em 1em;
}

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

关于css - 如何使按钮响应并居中？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29966119/