texto entre líneas en css [duplicado]
Esta pregunta ya tiene una respuesta aquí:
Línea debajo de texto con espacios. ¿Es posible a través de html y css? 5 respuestasTécnica CSS para una línea horizontal con palabras en el medio. 19 respuestasEn CSS, ¿cómo puedo hacer algo como:
---Item---
¿Con el tablero conectado como una línea?
Pensé en :
border-bottom: 3px solid #000;
pero luego no puedo mover la línea hacia arriba más la línea estaría detrás del texto, no rodeando el texto
mi HTML
<ul>
<li class="sub-menu-item" ><a href="#">FACULTY&STAFF</a></li>
</ul>
(Si es posible, me gustaría evitar tocar el HTML)
¿Es posible todo lo anterior a través de css o debo usar una imagen después de todo?
Estoy apuntando para ie8 y superior (y todos los nuevos navegadores, por supuesto)