CSS: <hr> línea horizontal fina

Por defecto la etiqueta hr tiene 1px de borde por sus 4 lados. Si queremos que la línea sea fina, basta con quitar el borde, fijar en pixeles la altura y el color que queramos por medio de background-color.

En este ejemplo vamos a crear una linea horizontal fina de color rojo:

hr {
    height: 1px;
    border: 0;
    background-color: red;
}