[SOLUCIONADO] texto con linea lateral

[mgocx]

Hola como están?!

Bueno hoy me toco trabajar un rato o laburar como le decimos en argentina

resulta que estoy haciendo una lista para la web de entradas recientes y me toca debajo de la lista agregar un enlace de ver mas, y el diseño me encuentro con algo así...

------ ver mas ------

osea, me toca hacer que aparezca el enlace pero con dos lineas laterales, me gustaría saber con que propiedad css puedo lograr el efecto (ojo no es en discontinua es una sola linea de cada lado).


Saludos y muchas gracias!

[pzin]

Puedes hacerlo con pseudo elementos. Un ejemplo rápido pudiera ser algo así:

Código CSS:

a {
  position: relative;
}
 
a:before,
a:after {
  position: absolute;
  top: 50%;
  width: 30px;
  height: 1px;
  background: #000;
  content: '';
}
 
a:before {
  left: -30px;
}
 
a:before {
  right: -30px;
}