incomodo margen en entre img

[PedroDesing]

Hola, muy buenas. La verdad es que nunca me había parado a preguntar esto que me ha pasado muchas veces: ¿Como evitar el margen que dejan un grupo de imagenes colocadas seguidamente?

https://imageshack.com/scaled/large/89/8kb6.jpg

El html son las etiquetas img seguidas una detrás de otra.


Muchas gracias!

[pzin]

Sin código es difícil saber. Aunque flotando los elementos seguramente se solucione:

Código CSS:

div#galeria img {
  float: left;
}
 

[PedroDesing]

Muchas gracias por contestar!

Sí, esa opción la había barajado y soluciona el problema, pero pretendía solucionarlo sin flotar los elementos. Entiendo que al ser elementos de línea, puedo alinearlos uno detrás del otro sin necesidad usar float.

El código no lo he puesto porque no hay nada que altere el funcionamiento natural de los elementos <img>. Solo es un div con las img colocadas correlativamente.

[pzin]

El problema es que aunque creas que no dejas espacios, si que los dejas en el html, porque seguramente existan saltos de linea, y eso crea espacios en elementos en linea.

Una solución, es poner el html así:

Código HTML:

<img><img><img>
 

En lugar de:

Código HTML:

<img>
<img>
<img>
 

Aunque te seguirá dejando un espacio por encima y por debajo.

Otra solución es haciendo algo así:

Código CSS:

div#galeria img {
 margin: -2px;
}
 

O flotar los elementos. Que entiendo como la solución más limpia.