Aggiungi carattere Icona fantastica dopo <hr> utilizzando i CSS

Question

Sto cercando di applicare una regola orizzontale ai CSS. Ho fatto questo finora:

http://tinkerbin.com/vdzgAZ9q

Tuttavia, voglio utilizzare il 'icona di stelle' dal Font Awesome al posto del simbolo §.

Qualcuno potrebbe dirmi come si farebbe?

Grazie!

Answer 1

Il primo passo è scaricare i font da fortawesome
Seconda includerli per css. Fate attenzione con i percorsi dei file di font:

@font-face { 
    font-family: 'FontAwesome'; 
    src: url('../font/fontawesome-webfont.eot?v=3.0.1'); 
    src: url('../font/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), 
    url('../font/fontawesome-webfont.woff?v=3.0.1') format('woff'), 
    url('../font/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); 
    font-weight: normal; 
    font-style: normal; 
} 

e infine, sostituire regola di contenuto per hr selectior da "§" a "\ F005"

hr:after { content: "\f005";} 

Answer 2

Non è necessario l'elemento hr.

ci si va: http://jsfiddle.net/Qc6J4/