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

Your width:100%; on the

---

and the padding on the parent were messing things up. The

---

naturally stretches across the screen and doesn't need width:100%, so remove it. Then to compensate for the padding, just add the same negative margin to the

---

.

Change your CSS to this:

.single-article hr {
    margin: 30px -20px 20px;
    border: 0;
    border-top: 1px solid #c9c7c7;
}

See working jsFiddle demo