Improve paragraph structure

content/practices/names-and-descriptions/names-and-descriptions-practice.html

@@ -303,11 +303,11 @@ <h3>Naming Form Controls with the Label Element</h3>
           <p>
              The HTML <code>label</code> element enables authors to identify content that serves as a label and associate it with a form control.
             When a <code>label</code> element is associated with a form control, browsers calculate an accessible name for the form control from the <code>label</code> content.
-          </p>
-          <p>
             For example, text displayed adjacent to a checkbox may be visually associated with the checkbox, so it is understood as the checkbox label by users who can perceive that visual association.
             However, unless the text is programmatically associated with the checkbox, assistive technology users will experience a checkbox without a label.
-            HTML provides two syntaxes for specifying this relationship.
+          </p>
+          <p>
+            HTML provides two syntaxes for associating a label with a form control.
             The syntax with the broadest browser and assistive technology support is to set the <code>for</code> attribute on the <code>label</code> element to the <code>id</code> of the control.
           </p>