Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Palabra entre medio de lineas horizontales

Estas en el tema de Palabra entre medio de lineas horizontales en el foro de CSS en Foros del Web. Hola, muy buenas a todos Veran, quisiera saber como hacer que una palabra este en medio de unas lineas horizontales en ambos lados, algo asi: ...
  #1 (permalink)  
Antiguo 02/12/2016, 03:56
 
Fecha de Ingreso: agosto-2015
Ubicación: Rosario - Argentina
Mensajes: 424
Antigüedad: 8 años, 8 meses
Puntos: 12
Palabra entre medio de lineas horizontales

Hola, muy buenas a todos

Veran, quisiera saber como hacer que una palabra este en medio de unas lineas horizontales en ambos lados, algo asi:

---------------- TEXTO ---------------

Solo que la linea es solida, la verdad he estado buscando pero no doy con el tema que busco.

Espero me puedan ayudar y gracias de antemano
  #2 (permalink)  
Antiguo 02/12/2016, 21:40
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años, 1 mes
Puntos: 1826
Respuesta: Palabra entre medio de lineas horizontales

Podrías poner

un rectangulo con ancho digamos 40%
imagen con acncho fijo en pixeles
un rectangulo con ancho digamos 40%

todo metido en un flexbox.

Otra opción podría ser un texto con un fondo con la linea. El texto en alguna especie de png transparente.
  #3 (permalink)  
Antiguo 03/12/2016, 01:51
Avatar de AngelKrak  
Fecha de Ingreso: noviembre-2014
Mensajes: 917
Antigüedad: 9 años, 4 meses
Puntos: 91
Respuesta: Palabra entre medio de lineas horizontales

Podrias hacer uso de las etiquetas fieldset y legend y modificar los bordes para usarlo como quieres

Código HTML:
Ver original
  1.   <legend>BY ANGELKRAK</legend>

Código CSS:
Ver original
  1. fieldset {
  2.   border-width: 2px 0 0 0;
  3. }
  4. legend {
  5.   text-align: center;
  6. }

una demo aki
http://codepen.io/anon/pen/WoMRNZ

Etiquetas: lineas, medio, palabra, todo
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 07:10.