title: css - circle with margin on border
body: <p>I am trying to create a circle with an outline that has margin.<br/>
  Everything seems to work except i cant seem to get that few <code>px</code> of margin in there.<br/>
  Any suggestions please?</p>
  
  <p><img src="https://i.stack.imgur.com/3TN4s.jpg" alt="enter image description here"></p>
  
  <pre><code>.ui-corner-all { -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; border: 1px solid black; margin:5px; width:30px; height:30px;}
  </code></pre>
  
  <p>heres my fiddle: <a href="http://jsfiddle.net/nalagg/K6pdr/" rel="noreferrer">http://jsfiddle.net/nalagg/K6pdr/</a></p>