title: Radio buttons are too far spaced
body: <p>I'm currently making a website and I'm creating a form that allows the user to input their name, email, gender and date of birth. My problem is that I'm using     label for=""
  to allow the css to have each section to align with the one above</p>
  
  <pre><code>&lt;form&gt;
      &lt;table&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;label for="Email"&gt;Please enter e-mail:&lt;/label&gt;&lt;/td&gt;
              &lt;td&gt;&lt;input id="email" type="text" name="email" title="email address" align="right" size="40"/&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;label for="Name"&gt;Please enter your full name:&lt;/label&gt;&lt;/td&gt;
              &lt;td&gt;&lt;input id="name" type="text" name="name" title="name" align="right" size="40"/&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;label for="DOB"&gt;Please enter your date of birth&lt;/label&gt;&lt;/td&gt;
              &lt;td&gt;&lt;input id="DOB" type="date" name="DOB" title="DOB" align="right"/&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;label for="gender"&gt;Please select your gender&lt;/label&gt;&lt;/td&gt;
              &lt;td&gt;&lt;input id="male" type="radio" name="male" title="male"/&gt;Male&lt;td&gt;&lt;input id="female" type="radio" name="female" title="female"/&gt;Female&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;
                  &lt;label for="submit"&gt;&lt;input type ="submit" value="Submit"&gt;&lt;/label&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>My css is:</p>
  
  <pre><code>label {
      margin-left:400px;
  }
  </code></pre>
  
  <p>But my radio buttons are too far apart at the moment and I can't seem to get them to move closer together. The radio buttons can be seen at this image</p>
  
  <p><img src="https://www.flickr.com/photos/93791690@N02/26439507661/in/dateposted-public/" alt="radio buttons"></p>
  
  <p>If the image isn't showing you can see it here: <a href="http://www.howilearn2.com/student/NonStudentIndex.html" rel="nofollow">http://www.howilearn2.com/student/NonStudentIndex.html</a></p>