How to make full width?

Question

http://jsfiddle.net/bh2f6/1/

I want to make this

---

so it will stretch the full width, right to the edges of its parent container. I have tried add

Answer 1

Something like this might work...

hr {
  padding: 50px 0;
  border: none;

  &:before {
    // full-width divider
    content: "";
    display: block;
    position: absolute;
    right: 0;
    max-width: 100%;
    width: 100%;
    border: 1px solid grey;
  }
}

http://codepen.io/achisholm/pen/ZWNwmG