html - <input type ="submit"> 对齐有问题

Question

所以我在我的 website 上设计了一个联系表单。我遇到了“发送按钮”的问题，由于某种原因，边距/比需要的更靠右对齐。您可以看到在其他 2 个部分中，棕色按钮正确对齐，但在第三个接触部分中，棕色发送按钮比需要的更靠右对齐，我不知道是什么原因造成的...

这是影响该按钮的 css(按钮有 id="msgSend"):

.inner-trio a, #msgSend {
    color: #fff;
    padding: 3px 0;
    margin: 7px;
    display: block;
    border-radius: 5px 5px 6px 6px;
    background-color: #6a2c10;
    text-shadow: 1px 1px #471d0a;
    text-align: center;
    border-bottom: 4px solid #381201;

}

.inner-trio a:hover, #msgSend:hover {
    background-color: #853815;
    border-bottom: 4px solid #5b2005;
    cursor: pointer !important;
}

.inner-trio a:active, #msgSend:active {
    background-color: #6a2c10;
    border-bottom: none;
    margin-top: 11px;
}

Answer 1

问题是您将 margin:7px 定义到您的form & input。如果你想要结果，那么这样写:

input[type="submit"]{
 margin-left:0;
}