title: Anchor points in HTML
body: <p>I'm fairly basic when it comes to coding websites, but I wanted to incorporate anchor points in to my horizontal scrolling website. I've had a go but it isn't working.</p>
  
  <p>Below is the code I've tried - I'm not sure if it's something to do with my navbar not being the standard <code>&lt;li&gt;</code> instead im using separate divs. I will include an image of how i'm designing the site so that you can understand the concept.</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div id="navbar"&gt;
      &lt;div class="tab1" href="#home"&gt;
          &lt;div class="text1"&gt;Home&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="tab2" href="#work"&gt;
          &lt;div class="text2"&gt;Work&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="tab3" href="#about"&gt;
          &lt;div class="text3"&gt;About&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <pre><code>&lt;div id="container"&gt;
  
    &lt;div id="fullscreen"&gt;
  
      &lt;div class="box home" id="home"&gt;
  
      &lt;div class="heading"&gt;
          &lt;h1&gt;Hi,&lt;/h1&gt;
          &lt;h2&gt;I'm Nathan Wilson&lt;/h2&gt;
          &lt;h3&gt;a Graphic Designer based in Nottingham, U.K.&lt;/h3&gt;
      &lt;/div&gt;
  
      &lt;/div&gt;
  
      &lt;div class="box work" id="work"&gt;
  
      &lt;/div&gt;
      &lt;div class="box about" id="about"&gt;
  
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>Image:</strong> <a href="https://imgur.com/fh6hq3O" rel="nofollow noreferrer">https://imgur.com/fh6hq3O</a></p>
  
  <p>I want to incorporate smooth scrolling eventually, but that's something I'll look in to once i've fixed this issue.</p>