[New Tip] Design tip no5 - Example

[dboudreau]

Reference: http://w3c.github.io/wai-quick-start/designing.html#ensure-that-form-elements-include-clearly-associated-labels

This is a follow up to #739 and #738.

To be consistent with the proposed changes in the title and wording of the tip, I would change the way the example form is laid out, so the labels are sitting right above the form elements, instead of the left. I would leave the checkbox as is, but maybe align it with the rest of the stack by pushing it to the right a little.