title: Display 2 labels and inputs on the same line
body: <p>Here's some sample code</p>
  
  <pre><code>&lt;label for="input1"&gt;input1&lt;/label&gt;
  &lt;input id="input1" name="input1" type="text" required&gt;
  &lt;label for="input2"&gt;input2&lt;/label&gt;
  &lt;input id="input2" name="input2" type="date"&gt;
  </code></pre>
  
  <p>Currently, it displays like this:</p>
  
  <p><code>Label</code> <code>Label</code> <code>Input</code> <code>Input</code></p>
  
  <p>I want it do do this:</p>
  
  <p><code>Label</code> <code>Input</code> <code>Label</code> <code>Input</code></p>
  
  <p>Any ideas? Do I need to provide more code?</p>
  
  <p>CSS</p>
  
  <pre><code>label { cursor: pointer; width: 250px; display: block; float: left; }
  button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
  </code></pre>