How to style an element to ignore the padding of its parent?
<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>