title: styling additional <hr> tag?
body: <p>I am looking to style an additional <code>&lt;hr&gt;</code> tag for my side-bar on my website.</p>
  
  <p>How might I be able to do this if I already have an hr defined?</p>
  
  <pre><code>hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 22px 0 21px; height: 0; }
  </code></pre>
  
  <p>Could I add a style?</p>
  
  <pre><code>hr.side { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 22px 0 21px; height: 0; }
  </code></pre>
  
  <p>so html would be</p>
  
  <p><code>&lt;hr class="side"&gt;</code> ?</p>