글꼴 추가 CSS 뒤에 <hr>을 사용하여

Question

CSS로 가로형 규칙을 스타일링하고 싶습니다. 지금까지 이런 짓을했습니다

http://tinkerbin.com/vdzgAZ9q

는 그러나, 나는 Font Awesome 대신 § 상징에서 '아이콘 스타'를 사용하고 싶습니다.

누군가 어떻게 이것이 수행 될 수 있다고 말할 수 있습니까?

감사합니다.

Answer 1

첫 번째 단계는 두 번째는 CSS에에 포함 fortawesome
에서 다운로드 글꼴입니다. 글꼴 파일의 경로에주의 :

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

그리고 마침내,에 \ "의 F005" "§"에서 시간의 selectior 컨텐츠 규칙을 대체

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

Answer 2

hr 요소가 전혀 필요하지 않습니다. 이

당신은 이동 : http://jsfiddle.net/Qc6J4/