Form Grouping

A form group is used to make a collection of form fields visually distinct by adding additional padding around the group. This grouping assists users in distinguishing related information, as well as provides visual heirachy to the form.  W3C states that a <fieldset> is used to group a set of form controls under the same name.  You can add a .form-grouping class to the fieldset to add additional spacing between the groupings. 

<form>
  <fieldset>
    ...
  </fieldset>
  <fieldset class="form-grouping">
    ...
  </fieldset>
</form>

Form Group Example

Name
Address

Required fields marked with an asterisk(*)