title: How to create spaces between <input> elements in HTML/CSS
body: <p>So far I have this:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>Position Applied For: &lt;input type="text" name="position" value="Enter Position" size="20" /&gt; Date: &lt;input type="text" name="date" value="mm/dd/year" size="20" /&gt; &lt;br/&gt;
  &lt;br/&gt;
  Name: &lt;input type="text" name="last" value="Last Name" size="20" /&gt; &lt;input type="text" name="first" value="First Name" size="20"/&gt; &lt;input type="text" name="middle" value="Middle Name" size="20" /&gt; Phone: &lt;input type="text" name="phone" value="Area Code First" size="20" maxlength="12"/&gt; (Seperate with -) &lt;br/&gt;
  &lt;br/&gt;
  Address: &lt;input type="text" name="address" value="Address" size="20" /&gt; City: &lt;input type="text" name="city" value="City" size="20" /&gt; State: &lt;input type="text" name="state" value="State" size="20" /&gt; Zip Code: &lt;input type="text" name="zip" value="Zip Code" size="20" maxlength="5"/&gt; &lt;br/&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>When it shows up in the browser the forms are right next to each other. How do I get some room put between and nicely aligned?</p>