テキストの位置を内側に配置する

Question

テキストを送信ボタンの中央に配置したいだけです。それはSTILその

のように見えるとしても、CSSにそのくらいのスタイリング後

.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'>

：私は

が何をする必要があります、私は私が知っているすべてを試みたのか分かりません

Answer 1

コードからline-height : 40px;とpadding-bottom : 100px;を削除してチェックしてください。

.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

あなたがpadding-bottom属性を削除する必要があります。それが問題の原因です。あなたのボタンに適用するいくつかの他のCSSルールがあるはず

.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'>