Diese Frage hat hier bereits eine Antwort:

Zeile unter Text mit Leerzeichen. Ist das über HTML & CSS möglich? 5 AntwortenCSS-Technik für eine horizontale Linie mit Wörtern in der Mitte 19 Antworten

Wie kann ich in CSS so etwas tun:

---Item---

mit dem Strich wie eine Linie verbunden?

ich dachte an :

border-bottom: 3px solid #000;

Aber dann kann ich die Linie nicht nach oben verschieben und die Linie würde sich hinter dem Text befinden und den Text nicht umgeben

mein HTML

<ul>
    <li class="sub-menu-item" ><a href="#">FACULTY&STAFF</a></li>
</ul>

(wenn möglich, möchte ich vermeiden, das HTML zu berühren)

ist das alles über css möglich oder soll ich doch nur ein image verwenden?

Ich strebe IE8 und höher an (und natürlich alle neuen Browser)