Border solid style with shortened dimensions

I'm trying to make a border for the top of a div element. The border is a 1px thick solid line, and it is to make a noticeable division between the footer and the website content. However, I don't want the border to span the whole width of the footer. I'd instead like it to be shorter (by m开发者_如何学Goaybe 10 pixels or so on each side) and centered. How should I do this? Does it require me to use an image?

You mean something like this: http://jsfiddle.net/8ZSSc/

Or, if you always wanted exactly 10px short of each side regardless of page size:

http://jsfiddle.net/8ZSSc/2/

Just use the <hr /> tag to make a horizontal line, and set the width for that.

I guess you are looking for something like this:

<div style="width: 95%; border-top: 1px solid; margin: auto;"></div>

Add another div above the footer, add a top border, and use padding to make it narrower:

.footer-line {
    border-top: ...
    margin-right: 10px;
    margin-left: 10px;
}

You could have another very skinny div, just above the footer.