Question

I’m trying to get my horizontal rule to ignore the parent padding.

Here’s a simple example of what I have:

#parent {
  padding:10px;
  width:100px;
}
hr {
  width:100px;
}

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.

I’m aware that I could make a separate div for everything else; this is not the solution I’m looking for.

Answer 1

Easy fix, just do

margin:-10px

on the hr.