title: HR tag for horizontal line is not working
body: <p>I can't figure out why my <code>&lt;hr&gt;</code> styling is not working. Basically I want just a horizontal black line separating my elements.</p>
  
  <p><a href="http://violetoeuvre.com/" rel="nofollow">Here</a> is my <a href="http://violetoeuvre.com/" rel="nofollow">website</a></p>
  
  <h1>CSS</h1>
  
  <pre><code>/* Horizontal Line */
  .line_break {
      width:1000px;
      height: 5px;
      float: left;
      color: black;
      padding-top: 3px;
      background-color: rgba(255,255,255,.5);
  }
  </code></pre>
  
  <h1>HTML</h1>
  
  <pre><code>&lt;!---Navigation Menu ______________________________________________--&gt;
  
      &lt;div id="main_menu" class="wrapper_nav_box"&gt;
              &lt;div class="nav_box"&gt;
                  &lt;a href="writing.html"&gt;WRITING&lt;/a&gt; 
              &lt;/div&gt;
              &lt;div class="nav_box"&gt;
                  &lt;a href="http://tumblr.com"&gt;BLOG&lt;/a&gt;
              &lt;/div&gt;
              &lt;div class="nav_box"&gt;
                  &lt;a href="contact.html"&gt;CONTACT&lt;/a&gt;
              &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;hr class="line_break"&gt;
  </code></pre>
  
  <p>If you zoom in, you'll see that there's a weird border on the left hand side. I've tried messing around with height, but it never changes.</p>