title: How to absolute position an element with percentages?
body: <p>I have an element that I'm trying to absolute position to the center and right near the bottom. Whether I do 50% from right or left, seems to be slightly off center.</p>
  
  <p>In this screenshot you can see that it's a little to the left from center.</p>
  
  <p><img src="https://i.stack.imgur.com/gJaVG.jpg" alt="enter image description here"></p>
  
  <pre><code>a.down {
      font-size:70px;
      color:#fff;
      text-align: center;
      bottom:5%;
      position: absolute;
      right: 50%;
  }
  &lt;a href="#we-are-the-leader" class="down"&gt;
      &lt;i class="fa fa-angle-down"&gt;&lt;/i&gt;
  &lt;/a&gt;
  </code></pre>