Wie rechtfertige ich Formulareingabefelder mit CSS?

Ich habe ein einfaches Anmeldeformular (der Kürze halber hier :)

%form#signup
  %fieldset
    %input.email{type:'text'}
    %br
    .name
      %input.first-name{type:'text'}
      %input.last-name{type:'text'}

und CSS:

#signup { width: 350px; }
fieldset { width: 100%; }
.name { width: 100%; }
.first-name { width: 30%; }
.last-name { /* occupy remainder of 'name' line */ }

Wie man das so stylt, dass die.email Feld ist die volle Breite desfieldset und das.last-name und / oder.first-name Die Felder werden so erweitert, dass sie auch die gesamte Breite des Fensters ausfüllenfieldset und mit der rechten Kante ausgerichtet mit der.email Feld?

Ja, es könnte einfacher sein, a zu verwendentable gibt es hier aber einen einfachen weg mit css? Es muss nur für CSS3-kompatible Browser funktionieren und für IE8 und 9 in angemessenem Maße beeinträchtigt werden.

Geigen-Link:http://jsfiddle.net/3UP9H/1

Antworten auf die Frage(3)

Ihre Antwort auf die Frage