Based on "How to structure an HTML form".
Required fields are followed by * .
Plain fieldset:
Fieldset with class form__fieldset--horizontal and span child (cannot change fieldset's display property):
form__fieldset--horizontal
Fieldset with class form__fieldset--horizontal with span child and inputs in span:
Fieldset with class form__fieldset--horizontal with span child and inputs in span and legend width:
Plain label:
Name *
Expanded input by using class form__label--full-width on label:
form__label--full-width
Label top-aligned by using class form__label--top-aligned on label:
form__label--top-aligned
E-mail *
Password *
Comment
Using aligned input fields.
Card type Visa Mastercard American Express
Card number *
Expiration date * formatted as mm/yy
Validate the payment
Top-align and as panel: