title: adding margin to link within page
body: <p>Links within a page scroll your content to the top of the browser window. Is there any way to add a margin to that? I'll be using some javascript to guide the scrolling, but would like to have a viable fallback.</p>
  
  <p>So, in short, can I add a margin in CSS that will add some space inbetween the top of the browser window and a section when it's a page link.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;nav&gt;
      &lt;a href="#test"&gt;TEST&lt;/a&gt;
  &lt;/nav&gt;
  &lt;div class="section"&gt;
      &lt;a name="test"&gt;&lt;/a&gt;
      &lt;p&gt;This content should be offset from the top of the page when scrolled to&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>