Positionieren von Text Wert innerhalb in der Mitte zu senden

Question

Ich möchte nur den Text innerhalb der Schaltfläche senden zentrieren. Ich weiß nicht, was ich

tun müssen, ich habe alles versucht, ich weiß:

.button { 
 
    vertical-align : middle; 
 
    line-height : 40px; 
 
    padding-bottom : 100px; 
 
    text-align : center; 
 
    margin : auto; 
 
    display : block; 
 
}

<input style=' width: 110px; height: 26px;' type=submit class=button value='Go'>

auch nach so viel Styling auf css es sieht stil wie die

Answer 1

Entfernen Sie line-height : 40px; und padding-bottom : 100px; aus Ihrem Code und überprüfen Sie diese

.button { 
 
    width: 110px; 
 
    height: 50px; 
 
    background:#ccc; 
 
    vertical-align : middle; 
 
    text-align : center; 
 
    margin : auto; 
 
    display : block; 
 
}

<input type=submit class=button value='Go'>

Answer 2

Sie müssen das padding-bottom Attribut entfernen. Das verursacht das Problem.

.button { 
 
vertical-align : middle; 
 
line-height : 40px; 
 
padding-bottom : none; 
 
text-align : center; 
 
margin : auto; 
 
display : block; 
 
}

<input style=' width: 110px; height: 40px;' type=submit class=button value='Go'>