title: Name Attribute "Styling"?
body: <p>I have a really weird question. </p>
  
  <p>I have name attributes in my html, and when I test the links to the name, the text is immediately at the top of the screen, like so (behind the fixed div at top)</p>
  
  <p>Before I click the link: <a href="http://pbrd.co/1kzcF6U" rel="nofollow">http://pbrd.co/1kzcF6U</a></p>
  
  <p>After: <a href="http://pbrd.co/1kzcBUW" rel="nofollow">http://pbrd.co/1kzcBUW</a></p>
  
  <p>I don't want it to do that. How would I 'style' the [name] to view supposedly 100px below where it automatically shows when I [name]d it?
  For example, instead of the first "after" (linked above), How I would I get it to view like this: <a href="http://pbrd.co/1kzd5uf" rel="nofollow">http://pbrd.co/1kzd5uf</a> when I click it?</p>
  
  <p>I'm sorry if this is confusing. </p>
  
  <p>My codes (I'm not sure it's needed?):</p>
  
  <pre><code>a {
      text-decoration:none;
      color: #846D8C;
  }
  a[name] {
      text-decoration:none;
      color:#333333;
  }
  </code></pre>
  
  <p>EDIT: I want to use NO Javascript or jQuery, please tell me EXACTLY what to do with this. Please do not just link me to another; that doesn't clarify anything.</p>