title: One <div> is wider than the others
body: <p>So on a website I'm making a have a navigation bar, I use this code for it.</p>
  
  <pre><code>    &lt;div id="container"&gt;
          &lt;a href="index.html"&gt;&lt;span&gt;Home&lt;/span&gt;&lt;/a&gt;
          &lt;a href="blackmail.html"&gt;&lt;span&gt;Blackmail&lt;/span&gt;&lt;/a&gt;
          &lt;a href="keep_safe.html"&gt;&lt;span style="color: #7CFC00"&gt;Keeping Safe&lt;/span&gt;&lt;/a&gt;
          &lt;a href="bully.html"&gt;&lt;span&gt;Cyberbullying&lt;/span&gt;&lt;/a&gt; 
              &lt;a href="about.html"&gt;&lt;span&gt;About&lt;/span&gt;&lt;/a&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>However this navigation bar is wider than the others, exact same code (Apart from the colour, the colour shows what page you are on)
  I would appreciate it if someone told me why this happens or how it could get fixed!</p>
  
  <p>Website - nibble90.github.io</p>
  
  <p>The page with the wider navigation bar is the keeping safe page!</p>