title: Why does the W3C advise wrapping input elements in <p> tags?
body: <p>I've seen a lot of examples on the web where forms are laid out like so:</p>
  <pre><code>&lt;form&gt;
      &lt;p&gt;&lt;input&gt;&lt;/p&gt;
  &lt;/form&gt;
  </code></pre>
  <p>To my surprise, this is also described in <a href="http://www.w3.org/TR/html5/forms.html#the-form-element" rel="nofollow noreferrer">the specification</a>:</p>
  <blockquote>
  <p>Any form starts with a form element, inside which are placed the
  controls. Most controls are represented by the input element, which by
  default provides a one-line text field. To label a control, the label
  element is used; the label text and the control itself go inside the
  label element. Each part of a form is considered a paragraph, and is
  typically separated from other parts using p elements. Putting this
  together, here is how one might ask for the customer's name:</p>
  </blockquote>
  <p>Though this section is non-normative, it still seems to me that this is bad practice and not semantic. I suppose that the purpose is to put inputs on their own line, but shouldn't the display of these elements be controlled using CSS?</p>
  <p>Is there a reason why the W3C advises forms be laid out this way? Am I missing something?</p>