title: How to style an element to ignore the padding of its parent?
body: <p>CSS</p>
  
  <pre><code>div {
     padding: 20px;
  }
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;div&gt;&lt;button&gt;test&lt;/button&gt;&lt;p&gt;this is some text&lt;/p&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Is there a way to have the <code>button</code> ignore the padding and hug the top right corner of the parent <code>div</code>, without affecting the 20px around the <code>p</code>?</p>
  
  <p>I felt like maybe there's something I could do with the <code>position</code> attribute, but from my brief research, it doesn't seem to do what I want.</p>