Esta pergunta já tem uma resposta aqui:

Eu tenho uma div com um monte de tags de imagem dentro, aqui está um exemplo:

<div style="margin: 0; padding: 0; border: 0;">
    <a href="/view/foo1"><img src="foo1.jpg" alt="Foo1" /></a>
    <a href="/view/foo2"><img src="foo2.jpg" alt="Foo2" /></a>
    <a href="/view/foo3"><img src="foo3.jpg" alt="Foo3" /></a>
</div>

Por haver espaço em branco entre as tags, os navegadores exibirão algum espaço em branco entre as imagens (o Chrome decide em 4px). Como posso dizer ao navegador para não mostrar nenhum espaço em branco entre as imagens, sem colocar o> e <diretamente um ao lado do outro? Sei que o espaçamento entre letras se aplica além do que o navegador decide usar, então isso é inútil mesmo com um valor negativo. Basicamente, vou procurar algo como o Twitter na parte inferior da página inicial. Eu olhei para o código deles e eles estão usando uma lista não ordenada. Eu poderia fazer isso, mas gostaria de uma explicação técnica sobre por que parece não haver maneira de eliminar o espaço em branco entre essas imagen