title: Adding a vertical line from the header border line to bottom in html and css
body: <p>The given css code gives the bottom border line to my header in html page. I want to add a similar vertical line which starts from the border line in header till bottom of the page such that I can get a sidebar panel from left. Please help me.</p>
  
  <pre><code>header {
    border-bottom: #bfa161 solid 3px;
    height: 60px;
    background-color: #fff;
    position: relative;
    z-index: 9999;
  }
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/Cg4kj.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Cg4kj.png" alt="enter image description here"></a></p>