如何在中间和中心制作菜单按钮

Question

我正在尝试使此文本与边框对齐。然而，到目前为止，我发现的只是不匹配。

Defect menu-button img

.subscribe-now { 
position: absolute;
display: table-cell;
text-align: center;
background-color: #eb5e28;
line-height: 1em;
border-radius: 25px;
padding: 0.5rem 1rem;
vertical-align: center !important;
width: 200px !important;
height: 40px !important; // If I change this to auto then the size is so big and I need minus padding :(
padding-top: 0px;
padding-bottom: 0px;
border-image: 
margin-left: 20px !important;
margin-top: 20px !important;
margin-bottom: 20px !important;
}

Answer 1

你可以试试这个方法。看看这是否适合你。让我知道

.subscribe-now { 

text-align: center;
background-color: #eb5e28;
border-radius: 25px;
vertical-align: middle;
width: 200px;
height: 40px ;
color: white;
font-weight: bold;
border: 0px solid #eb5e28;
}

<button class="subscribe-now">Langganan Sekarang</button>

如何在中间和中心制作菜单按钮

How to make menu button in middle and center

css

menu

center

css-position

alignment