html - 使输入和提交完全内联显示

Question

我花了一段时间鼓励输入表单和提交按钮在 Firefox 和 Safari 中完全内联显示（即相同的高度和垂直位置）。但我运气不太好；谁能帮忙？

此页面上“保持联系”小部件的当前 CSS：www.landedhouses.co.uk是：

form.mc4wp-form p{margin-left:0px !important; display:inline; }
form.mc4wp-form input {width:135px; padding:7px;}
form.mc4wp-form input[type=submit] {width:54px; margin-left:5px;}

但是提交按钮仍然是一个像素。我认为其他地方的 CSS 压倒一切……有什么想法吗？

谢谢！

Answer 1

我已经对你的 css 进行了一些更改，如果它适合你，请尝试一下。

#right input[type="submit"] {
    clear: both;
    cursor: pointer;
    display: block;
    height: 30px;
}

form.mc4wp-form input[type="submit"] {
    margin-left: 19px;
    width: 54px;
}