title: How to make a top-bottom vertical line
body: <p>How do I make a vertical line from the top to bottom of my site. That should cover the whole height of my site</p>
  
  <p>I have tried height: 100%;, but they disappear.</p>
  
  <pre><code> .vertical-hr {
    margin-top: -8px;
    width: 0.1%;
    height: 100%;
    float: right;
    background-color: black;
   }
  
   &lt;div class="vertical-hr"&gt;&lt;/div&gt;
  </code></pre>