title: iFrame padding not same as source
body: <p>I've created a small javascript Rich Text Editor, but when I open it in an iframe, the padding of certain objects are not correct. Here's an image of what it looks like from the source:
  <img src="https://i.stack.imgur.com/wK07x.jpg" alt="correct padding from source"></p>
  
  <p>But, when I put it in the iframe and use this source, it looks like this:</p>
  
  <p><img src="https://i.stack.imgur.com/mxsGY.jpg" alt="incorrect padding from iframe"></p>
  
  <p>I tried changing the <code>DOCTYPE</code> and changing the <code>margin:</code> and <code>padding:</code> to <code>0px</code>, but nothing changed. I can't seem to fix this. Any help would be greatly appreciated. Thank you! </p>