title: Ignore parent padding
body: <p>I'm trying to get my horizontal rule to ignore the parent padding.</p>
  
  <p>Here's a simple example of what I have:</p>
  
  <pre class="lang-css prettyprint-override"><code>#parent {
    padding:10px;
    width:100px;
  }
  hr {
    width:100px;
  }
  </code></pre>
  
  <p>You will find that the horizontal rule extends out of the parent by 10px. I'm trying to get it to ignore the padding that everything else in the parent div needs.</p>
  
  <p>I'm aware that I could make a separate div for everything else; this is not the solution I'm looking for.</p>