title: Is it better to wrap the label tag around a form item or use the "for" attribute in HTML?
body: <p>I know that you can use both but is it better to use one over the other? If so, why?</p>
  
  <p><strong>Example of "for" attribute:</strong></p>
  
  <pre><code>&lt;input type="text" id="male"&gt;&lt;label for="male"&gt;Male&lt;/label&gt;
  </code></pre>
  
  <p><strong>Example of wrap:</strong></p>
  
  <pre><code>&lt;label&gt;Age:&lt;input type="text"&gt;&lt;/label&gt;
  </code></pre>