title: css div inheriting child's reverse margin
body: <p>I know there's another question like this but I tried it and the answer didn't work.</p>
  
  <p>I have a <code>p</code> with a <code>div</code> and I want to be able to use a reverse (negative) margin on the <code>p</code>.  At the moment it's not effecting the <code>p</code> but the containing <code>div</code>.</p>
  
  <p>Here's the code :</p>
  
  <pre><code>.reset {
      margin-left:4px;
      margin-top: 4px;
      height:50px;
      width:50px;
      background:#FFF;
  }
  .reset p {
      margin-top:-4px;
      font-size: 38px;
      font-family: sans-serif;
      text-align: center;
  }
  </code></pre>
  
  <p>Thanks in advance</p>