title: How to create a vertical hr line?
body: <p>I don't know why my <code>hr</code> line won't show up. </p>
  
  <p>I believe this is either a problem with my browser (I'm using chrome) or I did something wrong. </p>
  
  <p>I tried to darken the color but it still won't show up.</p>
  
  <p>Here is the CSS code</p>
  
  <pre><code>#hr
   {
     background-color:#C80000;
     color:#C80000;
     -webkit-transform:rotate(90deg);
     position:absolute;
     left:130px;
     border:2px;
   }
  </code></pre>
  
  <p>And the HTML for that is</p>
  
  <pre><code>&lt;hr id"hr"&gt;
  </code></pre>
  
  <p>Here is the full code:<a href="http://pastebin.com/R0C5YBrr" rel="nofollow">http://pastebin.com/R0C5YBrr</a></p>