title: how to move anchor text up inside of anchor tag?
body: <p>I'm trying to get the anchor text to move up in the anchor tag. Here's the anchor text that says, &quot;Play&quot;:
  <a href="https://i.stack.imgur.com/aa5kW.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/aa5kW.png" alt="enter image description here" /></a></p>
  <p>I'm trying to get this anchor text that says &quot;play&quot; to move up slightly by putting some padding at the bottom, but that doesn't seem to work when I try to use the p or span elements. I don't know if there is another way to get the text to move up or not, but I could use some help with this.</p>
  <p>Here's my html code:</p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;nested anchor links in divs&lt;/title&gt;
      &lt;link rel=&quot;stylesheet&quot; href=&quot;styles/styling.css&quot;&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;div id=&quot;outer-container&quot;&gt;
          &lt;div id=&quot;sidebar&quot;&gt;
              &lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;images/play logo.webp&quot; alt=&quot;play&quot; id=&quot;play&quot; height='25px' width='25px'&gt;&lt;span&gt;Play&lt;/span&gt;&lt;/a&gt;
          &lt;/div&gt;
          &lt;div id=&quot;content&quot;&gt;
  
  
  
  
          &lt;/div&gt;
      &lt;/div&gt;
  
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  <p>CSS code:</p>
  <pre><code>html {
      height: 100%;
  }
  
  body {
      margin: 0;
      height: 100%;
  }
  
  #outer-container {
      display: table;
      width: 100%;
      height: 100%;
  }
  
  #sidebar {
      display: table-cell;
      width: 15%;
      height: 100%;
      vertical-align: top;
      background-color: rgb(68, 68, 68);
  }
  
  #content {
      display: table-cell;
      width: 85%;
      vertical-align: top;
      background-color: gray;
  }
  
  #sidebar a {
      background-color: rgb(20, 15, 15); 
      color: white; 
      display: block; 
      padding: 10px; 
      text-decoration: none; 
  }
  
  span {
      padding-top: 10px;
  }
  
  #sidebar img {
      padding-top: .5em;
      padding-right: .1em;
  }
  </code></pre>