Chciałbym odtworzyć tę regułę poziomą:

Mam podwójne linie, ale nie jestem pewien, jak zdobyć jakąś postać lub obraz w centrum. Myślę, że mógłbym użyć: przed i: po, ale nie wiem, jak je wykorzystać w tym przypadku. Aby odpowiedzieć na pytanie, spróbujmy po prostu, aby postać środkowa była postacią. Postanowię obraz / ikonę później.

Pomysły? Oto mój kod dla linii:

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #444;
    border-bottom:1px solid #444;
    margin:25px 0px;
}