title: I made a div for a navigation bar and don't know how to pull it down the screen(HTML AND CSS)
body: <p>my code looks like this (My css code)</p>
  
  <pre><code>#leftPanel{
  
      width:300px;
      height:200px;
      background-color:rgba(0,51,255,0.3);
      padding-left:30px;
      padding-top: 200px;
  }
  </code></pre>
  
  <p>but the result looks like this:</p>
  
  <p><a href="https://i.stack.imgur.com/99PJz.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/99PJz.jpg" alt="enter image description here"></a></p>
  
  <p>i want that blue box to be brought down my screen. Can somebody help me out, thanks</p>