Pole formularza nie zostanie wyrównane - css

Mam prosty formularz, aby dodać e-mail do listy mailingowej, ale chcę wyrównać ostatnie pole wejściowe i przycisk przesyłania obok siebie bez użycia ujemnego marginesu.

http://bettondesignwork.co.uk/miltoun to jest strona z formularzem.

to jest 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;}

Próbowałem podać adres e-mail i wysłać formularz z marginesem 0 i dopełnieniem 0, ale po prostu nie siedzą obok siebie. jakieś wskazówki, jak to osiągnąć?

Odpowiedzi:

Poprostu dodaj float:left do aside form .email jak poniżej:

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

Usuń spację / tab / nową linię między dwoma elementami wejściowymi w kodzie źródłowym i powinny one siedzieć w kolorze.