Separacion de texto con lineas Horizontales,

[cande85]

Hola.!!! soy nueva en esto de la programacion, me gustaria que me tengan paciencia, ya que estoy aprendiendo por mis propios medios.

quiero hacer lo siguiente:


nombre | apellido | etc |

lo hice asi:

Código CSS:

.b01{ float:left; margin-left:15px; border-spacing:inherit;  border-right:solid 2px  #000000;}
 

pero me sale asi:

nombre|apellido|etc|

no se como poner espacios entre las lineas..

Gracias

Cande.

[pzin]

Bienvenido al foro.

Puedes usar padding:

Código CSS:

.b01 {
  padding: 10px;
}
 

Échale un vistazo a algún manual CSS: http://librosweb.es

[cande85]

Hola.!!!
Si funciona pero se alargan las lineas horizontales,

Código HTML:

<div class="caja01 text01">
<div class="text01 b01">CANDE</div>
<div class="text01 b01">CANDE</div>
<div class="text01 b01">CANDE</div>
</div>
 

Y el CSS

Código CSS:

.caja01{ position:absolute ;width:1024px; border:1px solid #099; height:30px;
text-align:center;line-height:30px;} 
 
.b01{ float:left;padding:10px;  border-right:solid 2px #000000
 

;}


Se sale de la caja "caja01", las lineas unicamente ..

Gracias por contestar.. !!!

[helenp]

A ver

Si no cierras el div no hace falta repetir la clase.
Esto:

Código:

    <div class="caja01 text01">
    <div class="text01 b01">CANDE</div>
    <div class="text01 b01">CANDE</div>
    <div class="text01 b01">CANDE</div>
    </div>

Puedes resumir en

Código:

    <div class="caja01">
    <div class="b01">CANDE</div>
    <div class="b01">CANDE</div>
    <div class="b01">CANDE</div>
    </div>

No veo estilo para esta clase:
text01
Todos los estilos que quieras aplicar a las clases b01 lo puedes poner en el estilo caja01 y se aplicarán a todos los subdivs.

[cande85]

Hola el estilo text01 unicamente le da estilo al texto

Código CSS:

.text01 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#006;}
 

Lo extraño es que porque se alargan los bordes horizontales con pading....

Gracias.!!!!

Saludos

[helenp]

yo como tu quitaria los heights a ver que pasa.

Veo cosas raras,
lo de text1,
el estilo det text1, si se va a aplciar por defecto a todo en la pagina se suele poner en body, o en p, o directamente lo puedes poner en el estilo del div, no hace falta una clase extra para eso.
Al respecto del height del div caja01 no cuadra, porque le has dado un height de 30px a la caja que contiene 3 divs, a la vez que el line-height esta puesto con los mismos pixeles 30px.
Quita esto o dale un valor correcto:
height:30px;

.caja01{ position:absolute ;width:1024px; border:1px solid #099; height:30px;
text-align:center;line-height:30px;}

[pzin]

Código CSS:

.b01 {
  padding: 0 10px;
}