title: issue with position relative on a tag
body: <pre><code>&lt;style&gt;
      span{
          position:relative;
          left:100px;
      }
  &lt;/style&gt;
  &lt;a href="newpage.html"&gt;&lt;span&gt;some text&lt;/span&gt;&lt;/a&gt;
  </code></pre>
  
  <p>as pic below show, the text and the link shift to right 100px,
  however, i can still able to  click on the empty space where the text was before positioning.
  how do i fix that without using position absolute? 
  Thanks for your time and your help, you guys are the best.</p>
  
  <p><img src="https://i.stack.imgur.com/zwLNg.jpg" alt="enter image description here"></p>