La etiqueta <hr> es un elemento de bloque, es decir ocupa la totalidad del ancho de la página ( o del elemento que lo contenga) y fuerza un salto de línea.
Por tanto, para que te sirviese deberías darle también la propiedad display:inline aparte de situarla en el lugar adecuado.
Otra posibilidad que se usa a menudo es utilizar el borde inferior de un elemento (un <div> por ejemplo) utilizando la propiedad border-bottom.