[SOLUCIONADO] Javascript elimina márgenes

[blancoarnau]

Hola a todos. Ya escribí un post sobre esto pero pensé que ya lo había solucionado aunque no fue así xD.
En mi documento web tengo esto:



Añado el CSS aunque no importa mucho:

Código CSS:

#posts{
    text-align:center;
    width:60%;
    height:50%;
}
.post{
    height:200px;
    width:200px;
    display:inline-block;
    background-color:white;
    opacity:0.75;
}
 

Al pulsar un enlace se cambia el contenido del contenedor "posts". El script es el siguiente:

Código Javascript:

phome = '<div class="post"></div><div class="post"></div><div class="post"></div><br/><div class="post"></div><div class="post"></div><div class="post"></div>';
ptiempo = '<center>En construcción :D</center>';
pgaleria = '';
pparticipar = '';
pabout = '';
function pasar(seccion){
        document.getElementById("posts").innerHTML=seccion;
}
 

Pero después, al pulsar al volver a pulsar el enlace (onClick="pasar(phome)") me pasa lo siguiente:



¿Acaso Javascript me evita que el CSS se aplique al nuevo código que aparece? No entiendo porque sucede esto. Espero que me puedan ayudar. GRACIAS

[caricatos]

Hola:

En primer lugar es mala práctica borra las preguntas que haces, ya que podría interesar... es más, es peor práctica repetir temas...

Bueno, sobre la pregunta, no creo que la versión original no tenga saltos de línea ni espacios en blanco... esos elementos pueden equivales a márgenes.

Saludos

[blancoarnau]

Gracias por contestar. Primero de todo, lo siento por el tema de añadir temas repetidos.
Sobre el tema, no he entendido muy bien lo que me has dicho, disculpa mi ignorancia

[PHPeros]

No veo que utilices la propiedad margin de CSS.

[blancoarnau]

¡No! Es que no aplico márgenes en los cuadrados, son los que vienen por defecto. Pero aún así, la pregunta es porque se me elimina los márgenes y los cuadrados se juntan todos.

[caricatos]

Hola:

No veo claro lo que se inserta ya que usas la variable seccion y no he visto su definición, pero supongo que se trata de la variable phome, y las etiquetas están sin espacios, normalmente cuando cerramos los tags, empezamos a escribir el resto del código en líneas inferiores...

No es lo mismo "<div class='post'></div><div class='post'></div>"

Que

<div class='post'></div>
<div class='post'></div>

Saludos

[blancoarnau]

Muchas gracias. Ya lo he solucionado. Por cierto, ¿cuál es la diferencia? Yo pensaba que los saltos de línia entre etiquetas en el script no alteraba el resultado final...