title: HTML nav bar whitespace issue
body: <p>I'm creating an HTML nav bar for the first time and I'm having white space issue, I fixed it only sideways(left, right) but there is still space on the top of the nav bar. Pls help to fill it.</p>
  <p>Image of the problem - <a href="https://i.stack.imgur.com/4bPqA.png" rel="nofollow noreferrer">Image</a></p>
  <p>This is my CSS and HTML. Run the code and open in full mode.</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>li.na-li {
    float: left;
    text-align: center;
    font-size: 20px;
      }
  
      
  
  li.na-li a.na-a {
          display:block;
          text-decoration: none;
          color:white;
          padding: 15px;
          
      
      }
  li a:hover{background-color: #00F003}   
      
  ul.na-ul {
          background-color:#000000;
          position: fixed;
          top: 0;
          width: 100%;
          list-style-type: none;
          
      }   
  .navbar {
          background-color: #073A00;
          width: 0%;
      }       
      
  body {
  width: 100%;
  height: 100%;
  padding: 0px;
  margin: 0px;
  overflow-x: hidden;
  }
  
      
      
     </code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;title&gt;Untitled Document&lt;/title&gt;
  &lt;/head&gt;
  
      
  &lt;body&gt;
  
      &lt;div class="navbar"&gt;
  &lt;ul class="na-ul"&gt;
      &lt;li class="na-li"&gt;&lt;a class="na-a" href="#home"&gt;Home&lt;/a&gt;&lt;/li&gt;
      &lt;li class="na-li"&gt;&lt;a class="na-a" href="Services"&gt; Services&lt;/a&gt;&lt;/li&gt;
      &lt;li class="na-li"&gt;&lt;a class="na-a" href="Contact"&gt;Contact&lt;/a&gt;&lt;/li&gt;
      &lt;li class="na-li"&gt;&lt;a class="na-a" href="Help"&gt;Help&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;   
  &lt;/div&gt;  
      
      
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>