css - 表单提交框不会对齐

Question

我有一个简单的表单可以将您的电子邮件添加到邮件列表，但是我想并排对齐最后一个输入字段和提交按钮，而不使用负边距。

http://bettondesignwork.co.uk/miltoun这是带有表格的网站。

这是CSS

    form .inputbox{border:#666476 1px solid; color:#c3c2c9; height:28px; padding-left:6px;}
    form .name{width:282px; margin:0 0 10px;}
    form .email{width:215px; vertical-align:bottom;}
    form .submit{width:60px; background:#666476; color:#e7dbcf; border:none; height:32px; margin:0; padding:0; border:#666476 1px solid;}

我已经尝试为电子邮件和提交表单提供 0 边距和 0 填充，但它们不会并排齐平。关于这是如何实现的任何线索？

Answer 1

只需添加float:left如下aside form .email：

aside form .email {
    vertical-align: bottom;
    width: 215px;
    float: left; /* add this */
}

Answer 2

删除源代码中两个输入元素之间的空格/制表符/新行，它们应该齐平。