submitボタンがセンタリングできない

Question

WordPressでcontact form 7を使ってメールフォームを作っているのですがsubmitのボタンだけなぜかセンタリングできません。

<div class="submit-button-wrap">
[submit class:ques-submit "質問を送信"]
</div>

.submit-button-wrap {
text-align: center;
height: 3em;
margin-top: 2em;
margin-bottom: 4em;
padding:0;
}

.submit-button-wrap input[type=submit]:disabled {
vertical-align: middle;
letter-spacing: 0.2em;
width: 60%;
margin: 0;
border: solid 1px #9399bf;
border-radius: 30px;
background-color: white;
color: #9399bf;
}

.submit-button-wrap input[type=submit]:disabled:hover {
border: solid 1px #9399bf;
background-color: white;
color: #9399bf;
}


.submit-button-wrap input[type=submit] {

vertical-align: middle;
letter-spacing: 0.2em;
width: 60%;
margin: 0;
border: solid 1px #060e42;
border-radius: 30px;
background-color: white;
color: #060e42;
}

.submit-button-wrap input[type=submit]:hover {
background-color: #060e42;
color: white;
}

なぜか若干左に寄ってしまうのですがなにかデフォルトの値が与えられているのでしょうか？

Comments

[cerfweb]

htmlが実際にどのように実装されているか追記していただけますか。

Answer 1

なにかデフォルトの値が与えられているのでしょうか？

デベロッパーツールで確認してみてください。

【ChromeデベロッパーツールでCSSをチェックする方法 | なんでものびるWEB】
https://nandemo-nobiru.com/2944/

【初心者向け！Chromeの検証機能（デベロッパーツール）の使い方】
https://saruwakakun.com/html-css/basic/chrome-dev-tool