HR + CSS

solid line:

hr { border: 0;
color: #666;
background-color: #666;
height: 1px;
width: 80%;
text-align: center;
}

styled line options:

chose one:
dotted
dashed
solid
double
groove
ridge
inset
outset

use this code:
hr {
border: none 0;
border-top: 1px dotted #666;
width: 80%;
height: 1px;
text-align: center;
}

image as HR:
div class="hrIMG"
.hrIMG {
background: #fff url(../images/HR.gif) no-repeat center bottom;
height: 1px;
}

To put an image on top of an hr:
work with the div options at http://www.sovavsiti.cz/css/hr.html

Resources:
blakems.com