title: Distance between the top side of the page and the first div
body: <p>I want to make a search bar on the left side of my website. I made a right-side-border around my navigation div. The problem that there is this small empty area where no line is. How can I make the distance to the top side of the page to 0px?</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>body,
  html {
    margin: 0px;
  }
  
  html {
    height: 100%;
  }
  
  body {
    padding-left: 10px;
    min-height: 100%;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #36e7ff;
  }
  
  nav {
    width: 10%;
    padding-top: 0px;
    padding-bottom: 100%;
    border-right: 3px solid white;
    float: left;
    margin-right: 2%;
  }</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;link rel="stylesheet" href="navigation.css"&gt;
    &lt;title&gt;Home&lt;/title&gt;
  &lt;/head&gt;
  
  &lt;body contenteditable="false"&gt;
    &lt;nav&gt;
  
    &lt;/nav&gt;
    &lt;p&gt;Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata
      sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
      Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.&lt;/p&gt;´
  &lt;/body&gt;
  
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I also tried: <code>top: 0px, margin-top: 0px...</code></p>
  
  <p>I want this:</p>
  
  <p><a href="https://i.stack.imgur.com/MPAn0.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MPAn0.png" alt="enter image description here"></a></p>
  
  <p>Instead of this:</p>
  
  <p><a href="https://i.stack.imgur.com/TRoXj.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/TRoXj.png" alt="enter image description here"></a></p>