Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] texto con linea lateral

Estas en el tema de texto con linea lateral en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 10/01/2015, 15:35
Avatar de mgocx  
Fecha de Ingreso: agosto-2010
Ubicación: Argentina - Bahia Blanca
Mensajes: 83
Antigüedad: 14 años, 2 meses
Puntos: 2
Pregunta texto con linea lateral

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!
  #2 (permalink)  
Antiguo 10/01/2015, 16:06
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 3 meses
Puntos: 2114
Respuesta: texto con linea lateral

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

Código CSS:
Ver original
  1. a {
  2.   position: relative;
  3. }
  4.  
  5. a:before,
  6. a:after {
  7.   position: absolute;
  8.   top: 50%;
  9.   width: 30px;
  10.   height: 1px;
  11.   background: #000;
  12.   content: '';
  13. }
  14.  
  15. a:before {
  16.   left: -30px;
  17. }
  18.  
  19. a:before {
  20.   right: -30px;
  21. }
__________________
(:

Etiquetas: lateral, plantilla, wordpress
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:58.