By default, a `<hr>` element is styled with `border-style: inset;` which makes it turn out like this:  By adding `border-style: solid;` we can make the line act like users would expect it to. 