title: Is the use of a <br/> tag between a <label> and its <input> good practice?
body: <p>The fields in my form have a label, some help text, some example text, and some contextual text.</p>
  
  <pre><code>&lt;!--With Help and Example--&gt;
  &lt;li&gt;
      &lt;label for="ingredients"&gt;Ingredients&lt;/label&gt;
      &lt;br/&gt;&lt;!--Is this good practice?--&gt;
      &lt;span class="help"&gt;Enter one ingredient per line.&lt;/span&gt;
      &lt;br/&gt;
      &lt;textarea id="ingredients" name="ingredients"&gt;&lt;/textarea&gt;
      &lt;br/&gt;
      &lt;span class="example"&gt;&lt;b&gt;Example:&lt;/b&gt;&lt;br/&gt;1 Cup of Flour&lt;br/&gt;Pinch of Salt&lt;br/&gt;1 Tbsp of Paprika&lt;/span&gt;
  
  &lt;!--With context--&gt;
  &lt;li&gt;
     &lt;label for="yield"&gt;Yield&lt;/label&gt;
     &lt;br /&gt; &lt;!--Wish labels were block and you had to style them to be inline--&gt;
     &lt;input type="number" id="yield" name="yield" /&gt;
     &lt;span class="context"&gt; servings.&lt;/span&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>When I look at it un-styled it drives me nuts how all of these things run together on the same line.</p>
  
  <p>I might have come up with a solution to my question while typing. I think I might use <code>&lt;p&gt;</code> for my help and example text. I still don't like that labels are always on the same line as the input.</p>