title: Forcing label to flow inline with input that they label
body: <p>I need the label to stay on the same line as the input field they are labeling. I want these elements to flow like they normally would when the window resizes, i just want the label to stick to the left of the input they are labeling. How would I do that? Any ideas?</p>
  
  <pre><code>&lt;label for="id1"&gt;label1:&lt;/label&gt;
  &lt;input type="text" id="id1"/&gt;
  &lt;label for="id2"&gt;label2:&lt;/label&gt;
  &lt;input type="text" id="id2"/&gt;
  </code></pre>
  
  <p>ANSWERED: Josiah Ruddell's answer was on the right path, using a span instead of div gave me the correct behavior. Thanks!</p>
  
  <pre><code>&lt;span style="white-space:nowrap"&gt;
      &lt;label for="id1"&gt;label1:&lt;/label&gt;
      &lt;input type="text" id="id1"/&gt;
  &lt;/span&gt;
  &lt;span style="white-space:nowrap"&gt;
      &lt;label for="id2"&gt;label2:&lt;/label&gt;
      &lt;input type="text" id="id2"/&gt;
  &lt;/span&gt;
  </code></pre>