A menudo en cuestiones de HTML y CSS nos olvidamos de algunos tags usado hace tiempo, hasta que lo redescubres con propiedades nuevas y alucinantes. Éste es el caso de CSS-Tricks, ahí van algunas de las versiones del <hr>:


Os dejo el último que me parec mucho más interesante que los demás:

hr.style-eight { 
     padding: 0; 
     border: none; 
     border-top: medium double #333; 
     color: #333; 
     text-align: center; 
} 
 
hr.style-eight:after { 
     /* Esto es lo que me ha sorprendido más*/
     content: "§";
     display: inline-block; 
     position: relative; 
     top: -0.7em; 
     font-size: 1.5em; 
     padding: 0 0.25em; 
     background: white; 
}