title: How to add spacing between two radio buttons that are next to each other
body: <p>I'm having difficulty adding spacing between two radio buttons that are next to each other. They are too close to each other for my liking and I feel that it would look a lot better if I added some spacing in between. I'm talking about the width, not the height of them.</p>
  
  <p>I've tried added padding and margin. I'm not too sure how exactly to add spacing in between.</p>
  
  <pre><code>&lt;div class="style" style="width 100px; float:left; height 100px; margin:0px;"&gt;
  &lt;!-- this code asks the suer what clothing style they like. They have a lot of options. The code is like the gender code --&gt;
  Select a style: &lt;br /&gt; 
  &lt;label&gt; &lt;input type="radio" name="style" value="Casual" 
  &lt;?php 
  if ($_POST['style'] == 'Casual') {
          echo "checked";
  }
  ?&gt;
  /&gt;Casual&lt;/label&gt;&lt;br /&gt;
  
  &lt;label&gt; &lt;input type="radio" name="style" value="Athletic" 
  &lt;?php 
  if ($_POST['style'] == 'Athletic') {
          echo "checked";
  }
  ?&gt;
  /&gt;Athletic&lt;/label&gt;&lt;br /&gt;
  
  &lt;label&gt; &lt;input type="radio" name="style" value="Vintage" 
  &lt;?php 
  if ($_POST['style'] == 'Vintage') {
          echo "checked";
  }
  ?&gt;
  /&gt;Vintage&lt;/label&gt;&lt;br /&gt;
  
  &lt;label&gt; &lt;input type="radio" name="style" value="Formal" 
  &lt;?php 
  if ($_POST['style'] == 'Formal') {
          echo "checked";
  }
  ?&gt;
  /&gt;Formal&lt;/label&gt;&lt;br /&gt;
  
  &lt;label&gt; &lt;input type="radio" name="style" value="Streetwear" 
  &lt;?php 
  if ($_POST['style'] == 'Streetwear') {
          echo "checked";
  }
  ?&gt;
  /&gt;Streetwear&lt;/label&gt;&lt;br /&gt;
  
  &lt;label&gt; &lt;input type="radio" name="style" value="Rocker" 
  &lt;?php 
  if ($_POST['style'] == 'Rocker') {
          echo "checked";
  }
  ?&gt;
  /&gt;Rocker&lt;/label&gt;
  &lt;/div&gt;
  
  
  &lt;?php
  if(($_POST['size'] == NULL) &amp;&amp; ($_SERVER['REQUEST_METHOD'] == 'POST')){
      echo "&lt;strong&gt;Please select a clothing size!&lt;/strong&gt;&lt;br /&gt;";
  }
  ?&gt;
  
  &lt;div class="size" style="width 100px; float:left; height 100px; margin:0px;"&gt;
  Select a size: &lt;br /&gt;
  
  &lt;label&gt; &lt;input type="radio" name="size" value="Extra Small" 
  &lt;?php 
  if ($_POST['size'] == 'Extra Small') {
          echo "checked";
  }
  ?&gt;
  /&gt;Extra Small&lt;/label&gt;&lt;br /&gt;
  
  &lt;label&gt; &lt;input type="radio" name="size" value="Small" 
  &lt;?php 
  if ($_POST['size'] == 'Small') {
          echo "checked";
  }
  ?&gt;
  /&gt;Small&lt;/label&gt;&lt;br /&gt;
  
  &lt;label&gt; &lt;input type="radio" name="style" value="Medium" 
  &lt;?php 
  if ($_POST['size'] == 'Medium') {
          echo "checked";
  }
  ?&gt;
  /&gt;Medium&lt;/label&gt;&lt;br /&gt;
  
  &lt;label&gt; &lt;input type="radio" name="size" value="Large" 
  &lt;?php 
  if ($_POST['size'] == 'Large') {
          echo "checked";
  }
  ?&gt;
  /&gt;Large&lt;/label&gt;&lt;br /&gt;
  
  &lt;label&gt; &lt;input type="radio" name="size" value="Extra Large" 
  &lt;?php 
  if ($_POST['size'] == 'Extra Large') {
          echo "checked";
  }
  ?&gt;
  /&gt;Extra Large&lt;/label&gt;&lt;br /&gt;
  
  &lt;label&gt; &lt;input type="radio" name="size" value="2X Large" 
  &lt;?php 
  if ($_POST['size'] == '2X Large') {
          echo "checked";
  }
  ?&gt;
  /&gt;2X Large&lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I would like to know how to add spacing in between the two radio buttons so they are not super close to each other. I have not added any css to the div classes. Here is what it looks like now: <a href="https://i.stack.imgur.com/fyeZw.png" rel="nofollow noreferrer">mycode</a></p>