title: CSS- Margin-bottom not working
body: <p>I am having this very frustrating issue, where margin-bottom will not work, but margin-left and margin-top are working perfectly. I just simply want a gap between the different form fields.</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;input type="text" name="address2" id="address2" value="&lt;?php echo $_SESSION['address2']; ?&gt;" placeholder="Address Line 2" tabindex="5"&gt;
   &lt;br&gt;
  
  &lt;input type="text" name="city" id="city"  value="&lt;?php echo $_SESSION['city']; ?&gt;"placeholder="Town/City" tabindex="6"&gt;
  &lt;br&gt;
  &lt;input type="text" name="pcode" id="pcode"  value="&lt;?php echo $_SESSION['pcode']; ?&gt;"  placeholder="Postcode" tabindex="7"&gt;
  </code></pre>
  
  <p>It is a very long from so i haven't included all fields, these are the fields giving me a problem.</p>
  
  <p>CSS</p>
  
  <pre><code>input#address2{
  border: 1px solid #6d6e70;
  border-radius: 5px;
  width: 43%;
  height: 33px;
  display: inline-block;
  line-height: 33px;
  float: left;
  position: relative;
  margin-bottom: 10px; 
  }
  
  input#city{
  border: 1px solid #6d6e70;
  border-radius: 5px;
  width: 43%;
  height: 33px;
  
  line-height: 33px;
  float: left;
  margin-left: -431px; 
  position: relative;
  margin-top: 10px; 
  }
  
  input#pcode{
  border: 1px solid #6d6e70;
  border-radius: 5px;
  width: 20%;
  height: 33px;
  line-height: 33px;
  float: left;
  margin-left: -431px; 
  position: relative;
  margin-top: 10px;     
  }
  </code></pre>