Eliminando o espaçamento de imagens via CSS

Em HTML, quando várias imagens são colocadas consecutivamente, um único espaço em branco aparece entre elas. Isso pode ser visualmente perturbador em determinados cenários de design. Embora existam inúmeras soluções alternativas, como quebras de linha manuais ou comentários HTML, existe uma solução elegante usando CSS.

Para remover efetivamente o espaço em branco entre as imagens, utilize a seguinte propriedade CSS:

img {
  display: block;
}

Esta propriedade define o comportamento de exibição de imagens para elementos semelhantes a blocos, permitindo que ocupem toda a largura disponível de seu contêiner e se alinhem verticalmente. Ao fazer isso, o espaço entre as imagens é eliminado, criando uma experiência visual perfeita.