title: Radio button position HTML/CSS
body: <p>For my first website, I had to create a simple HTML/CSS form. But my problem was in the fact that my radio buttons don't want to hear what I order him. </p>
  
  <p><img src="https://i.imgur.com/6aPV5CB.png" alt="Without float"></p>
  
  <p>(this is without float)</p>
  
  <p>I want it below the email input together, but the more I give <code>margin-left</code>, the more apart (in width) those two radio buttons get. </p>
  
  <p><img src="https://i.imgur.com/7bvasd8.png" alt="Code below"></p>
  
  <p>(this is the code below)</p>
  
  <p>How to fix the radio button position problem?</p>
  
  <p>As you can see I have tried <code>last-child</code> but it doesn't show any effect. In my code for the footer there is no auto height or width.</p>
  
  <p>I am not allowed to use JavaScript. Only pure HTML and CSS.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;form&gt; 
  &lt;label class="field"&gt;Name:&lt;/label&gt;&lt;input id="email" type="Name" placeholder="Name"&gt;&lt;br&gt;
  &lt;label class="field"&gt;Lastname:&lt;/label&gt; &lt;input id="lastname" type="lastname" placeholder="Lastname"&gt;&lt;br&gt;
  &lt;label class="field"&gt;Email:&lt;/label&gt; &lt;input id="Email" type="Email" placeholder="Email"&gt;&lt;br&gt;             
  &lt;label class="radio"&gt;No&lt;input  type="radio" name="st" value="No"/&gt;&lt;/label&gt;&lt;br&gt;
  &lt;label class="radio"&gt;Yes&lt;input  type="radio" name="st" value="Yes"  /&gt;&lt;/label&gt;&lt;br&gt;              
  &lt;label class="textarea"&gt;&lt;textarea&gt;&lt;/textarea&gt;&lt;/label&gt;&lt;br&gt;
  &lt;label class="submit"&gt;&lt;input type="submit" value="Submit"&gt;&lt;/label&gt;&lt;br&gt;
  &lt;label class="feedback"&gt;Feedback:&lt;/label&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>  /*FORM*/
      form { 
          width: 100%;
          margin-top:5px;
      }
  
      label.field {
          text-align: right;
          width:100px;
          float:left;
          font-weight:bold;
          padding-top:4px;
      }
  
      label.radio{
      float:left;
      margin-top: 20px;
      margin-left: 15px;
      padding:0px 0px 5px 0px;
      border:1px solid black;
      white-space: nowrap;        
  }
  
  
      label.radio:last-child{
  
          margin-right: 10px;
  
      }
  
      label.feedback{
          text-align:right;
          width:100px;
          float:left;
          font-weight:bold;
          padding-top:4px;
          margin-top: -40px;
      }
  </code></pre>