title: css fieldset borders
body: <p>Hello I have a problem with a <code>fieldset</code> in CSS.</p>
  
  <p><strong><a href="http://jsfiddle.net/Q3XY4/" rel="nofollow noreferrer">I have this example</a></strong></p>
  
  <p>In this example you can see that left hand side the border</p>
  
  <pre><code>margin-left: 0px;
  </code></pre>
  
  <p>flushes exactly on one line/height with the dark frame. Right hand side you can see that the class <code>fr</code> has </p>
  
  <pre><code>margin-right: 0px;
  </code></pre>
  
  <p>But it does not flush with the frame border. I have tried to Google for it but I could not find anything on that. Is this phaenomenon normal or what am I doing wrong? are there some specific borders?</p>
  
  <p>UPDATE</p>
  
  <p>hello and thanks for answering this question. i tried to implement that code directly into my editor (dreamweaver cs6) and thought it used to be the same style as on jsfiddle. wrong. it seems like there is a problem with the editor because as a result i will get this:</p>
  
  <p><img src="https://i.stack.imgur.com/Nh6y3.png" alt="cs6 fieldset"></p>
  
  <p>it looks like there are automatically added tabs left hand side. so is there anybody who knows about that problem? thanks a lot.</p>
  
  <p>UPDATE 2:</p>
  
  <p>i had to reset the css default settings.</p>