Dodaj ikonę niesamowitej czcionki po <hr> przy użyciu CSS

Question

Szukam stylu poziomej reguły z CSS. Robiłem to tak daleko:

http://tinkerbin.com/vdzgAZ9q

Jednakże chcę użyć „icon-Star” z Font Awesome zamiast § symbolem.

Czy ktoś może mi powiedzieć, jak to się stanie?

Dzięki!

Answer 1

Pierwszym krokiem jest pobierania czcionek z fortawesome
drugie włączyć je do CSS. Bądź ostrożny ze ścieżek dostępu do plików czcionek:

@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; 
} 

I wreszcie zastąpić zawartość regułę hr selectior z "§" na "f005 \"

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

Answer 2

Nie potrzebujesz wcale elementu hr.

Nie idziesz: http://jsfiddle.net/Qc6J4/