Benutzerdefiniertes <hr> mit Bild / Zeichen in der Mitte

Ich möchte diese horizontale Regel neu erstellen:

Ich habe die doppelten Linien, aber ich bin nicht sicher, wie ich vorgehen soll, um eine Art Charakter oder Bild in die Mitte zu bekommen. Ich denke, ich kann: vorher und: nachher verwenden, aber ich weiß nicht, wie ich sie in diesem Fall verwenden soll. Um die Frage zu beantworten, versuchen wir einfach, das zentrale Zeichen als Zeichen zu definieren. Ich werde das Bild / Symbol später herausfinden.

Ideen? Hier ist mein Code für die Zeilen:

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

Antworten auf die Frage(4)

Ihre Antwort auf die Frage