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

HR Secret things, you must know.

When your horizontal rule (hr) leaves 15px from left and right, probably when you use with bootstrap.

.my-hr-line {
    position: relative;
    left: -15px;
    width: calc(100% + 30px);
    height: 2px;
    border: 2px solid blue;
}

Hope it will help many one.