title: How to make <hr> full width?
body: <p><a href="http://jsfiddle.net/bh2f6/1/" rel="noreferrer">http://jsfiddle.net/bh2f6/1/</a></p>
  
  <p>I want to make this <code>&lt;hr/&gt;</code> so it will stretch the full width, right to the edges of its parent container. I have tried adding margin-left/padding-right to overcome this but it keeps changing when resizing (responsive).</p>
  
  <p>Is there a better solution for this?</p>
  
  <p>Edit: I can't edit the parent container's padding as that is needed for bunch of other elements.</p>