explicacion sombre esta css

[rikimm]

hola que tal, bueno tengo una duda he estado tratando de entender este codigo css:

Código:

* {outline: 0px; margin: 0px; padding: 0px;
}

html, body { width: 100%;
height: 100%;
font-size: 0.8em;
font-family: Verdana;
}
.log{width:100%;
height:590px;
/*position:fixed;*/
background: url(../imagenes/menus2.gif) no-repeat bottom top center;
/*position:fixed;*/
}
#contenedor { 
margin: 159px auto 0px;
width: 700px;
position: relative;
}

#contenido { width: 100%;
border: 1px solid #999;
margin-top: -4px!important;
margin-top: -1px;
}

#explicacion { margin: 12px 18px 4px;
}

ul { list-style-type: none;
height: 20px;
}

li { float: left;margin-right: 1px;
}

a { border: 1px solid #999;
padding: 4px 10px;
text-decoration: none;
background-color: #000;
color: #FFF;
font-weight: bold;
display: inline-block;
margin-top: -5px!important;
margin-top: -0px;
}

a:hover {background-color: #fff; color: #000;}

a:focus, a:active {background-color: #FFF;
color: #000;
padding-bottom: 5px;
border-bottom: none;
position: relative;
}

a span.solapa { position: absolute;
width: 666px;/*666*/
font-weight: normal;
background-color: #FFF;
text-align: left;
top: 32px;
left: 18px; /*8*/
display: none;
}

a:focus span.solapa, a:active span.solapa { display: block;}

span.texto_tab, p {margin: 10px 0px 0px;
text-align: justify;display: block;
 }

.titulo { 
font-size: 1em;
font-weight: bold;
text-align: left;
margin: 0;
display: block;
}

#texto1 img, #texto3 img { margin: 10px 0px 0px 16px;
float: right;
border: 0;
}
#texto2 img,  #texto4 img { margin: 10px 16px 0px 0px;
float: left;
border: 0;
}
#texto1 { color: #003;}
#texto2 { color: #300; left: -63px;}
#texto3 { color: #009; left: -144px;}
#texto4 { color: #030; left: -225px;}

y si lo entiendo bien este codigo ,pero tengo un problema cuando se ve ese ejemplo los botones aparecen juntos y cadaves que clikeas el texto se alinea, se ve todo alineado pero cuando yo modifico esta parte del codigo:

Código:

li { float: left;margin-right: 1px;
}

modificando los px ,para que los botones tenga una distancia de uno al otro el texo ya no queda alineado con el del texto uno se empiezan a recorrer como le puedo hacer para que ya no se recorra el texto y quede alineado con el texto uno , pero si que se separen los botones.

ejemplo tomado de araudi.net tab_activo

[kseso?]

Hola Rikimm
Lo siento pero no se sabe qué te pasa ni qué quieres lograr.
¿Podrías utilizar algún signo de puntuación más para poder comprenderte?

Un saludo

[rikimm]

ya le puse signps de úntuacion

[AlbertoGarcia]

Iniciado por rikimm

ya le puse signps de úntuacion

!!

(lo siento no he podido aguantarme)

rikimm, despues de escribir es una buena costumbre leer lo que se ha escrito, así te darías cuenta de lo dificil que le podemos llegar a poner las cosas a los demás. Sobre todo si pretendemos que nos ayuden.

Salud!

[kseso?]

Iniciado por AlbertoGarcia

!!

(lo siento no he podido aguantarme)

Más gracia le ha tenido que hacer a él, sobre todo por el número de respuestas que ha recibido después "de que ya le puse signps de úntuacion"

[jomaruro]

Hola:

Decía el cura: "Vísteme despacio que tengo prisa".

Saludos.

[rikimm]

jajajajjajaaj feos nadie es perfecto horita lo vuelvo a redactar