我想让按钮居中并具有响应性。但我不能给它一个宽度,否则背景颜色随之而来。任何解决方案?
代码:
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>
答案 0 :(得分:1)
目前尚不清楚这看起来如何,我们根据您的代码提供的信息有限,但这样可行。
不清楚按钮是“响应”是什么意思,但是它居中并且没有定义宽度。
.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>