title: How do I move the input boxes in a sign in form closer together?
body: <pre><code>&lt;div class="Login"&gt;
         &lt;input type="text" placeholder="Full Name" id="Full Name"&gt;  
         &lt;input type="password" placeholder="Password" id="Password"&gt;  
         &lt;a href="#" class="forgot"&gt;forgot password?&lt;/a&gt;
         &lt;input type="submit" value="Sign In"&gt;
      &lt;/div&gt; 
  </code></pre>
  
  <p>That's my code above but boxes are too far apart. I want them within a few px of each other. I have tried changing the margin and padding on my .css file with no luck. Here is my css below;</p>
  
  <pre><code>   .Login {
    background: #eceeee;
    border: 1px solid #42464b;
    border-radius: 6px;
    height: 242px;
    margin: 15px auto 0;
    margin-top: 6px;
    width: 288px;
    padding-top: 6px;
    padding-bottom: 1px;
    padding-right: 10px;
  }
  .Login h1 {
    background-image: linear-gradient(top, #f1f3f3, #d4dae0);
    border-bottom: 1px solid #a6abaf;
    border-radius: 6px 6px 0 0;
    box-sizing: border-box;
    color: #727678;
    display: block;
    height: 43px;
    font: 600 14px/1 'Open Sans', sans-serif;
    padding-top: 6px;
    padding-bottom: 1px;
    margin: 0px;
    text-align: center; 
    text-shadow: 0 -1px 0 rgba(0,0,0,0.2), 0 1px 0 #fff; 
  </code></pre>
  
  <p>what do I code do I need to change or add to make them closer? </p>
  
  <p>Thanks :)</p>