表单提交框不会对齐

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

在源代码中删除空格/制表/新的两个输入元素之间的线，他们应该坐下齐平。