Button will not react to padding or margin in CSS
<p>I'm having an issue getting one of my buttons to react to either padding or margin in CSS.  The button stays at the very bottom of the div and does not react to any type of padding or margin within the class I assigned to the div.</p>

<p>HTML</p>

<pre><code>&lt;div class="topBorder"&gt;
    &lt;h1&gt;Matt&lt;/h1&gt;
    &lt;a href="#" class="aboutButton"&gt;ABOUT&lt;/a&gt;
&lt;/div&gt;
</code></pre>

<p>CSS</p>

<pre><code>.aboutButton {
      color: white;
      padding: 800px;
      font-size: 20px;
      font-family: 'Ubuntu';
}
</code></pre>

<p><a href="https://i.stack.imgur.com/E6BNN.png" rel="nofollow noreferrer">Current Look</a></p>