我似乎很难将我制作的按钮放在屏幕中央。这是源代码。
<a href="#" class="header-button">View Products</a>
这是款式
/*header button styles*/
a.header-button {
display: inline-block;
background-color:#
}
a.header-button:hover {
color: #e8ddc8;
text-decoration: underline;
}
.header-button {
background-color:#031634;
color:#e8ddc8;
padding: 10px 5px 10px 5px;
border-radius: 5px;
text-align:center;
}
您会看到,即使我text-align:center
输入.header-button
,按钮也不会将其自身定位在中央。(见下图)
谁能帮我?
试试这个。工作小提琴
a.header-button {
display: block;
background-color:#;
margin:0 auto;
width:100px;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句