Use this if you want one pixel horizontal line "a la" ruler

.hr {
margin: 0;
padding: 0;
border-top: 1px solid red;
width: 80%;
height: 0px;
overflow:hidden;
text-align:center;
}

<div class=hr></div>

Andrew Fedoniouk.
http://terrainformatica.com