title: div box inside div box. Relative positioning, and equal padding, space between all sides
body: <p>I have this div box right now:</p>
  
  <pre><code>div#main-edit{
      padding:2px 6px 4px 6px; 
      color: #555555; 
      background-color: #FFF8F8; 
      border: #dddddd 2px solid;
      width: 750px;
      height: 500px;
      margin-left: 10%;
      margin-right: 10%; 
  }
  </code></pre>
  
  <p>What I wanted now was to have another div box inside this div box, with its position being relative to its parent. Like This: <img src="https://i.stack.imgur.com/ckc71.jpg" alt="l"></p>