¿Cómo puedo eliminar el espacio entre elementos en línea en CSS? [duplicar

Esta pregunta ya tiene una respuesta aquí:

Tengo un div con un montón de etiquetas de imagen adentro, aquí hay un ejemplo:

<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>

Debido a que hay un espacio en blanco entre las etiquetas, los navegadores mostrarán algo de espacio en blanco entre las imágenes (Chrome decide sobre 4px). ¿Cómo puedo decirle al navegador que no muestre ningún espacio en blanco entre las imágenes, sin colocar el> y el <directamente uno al lado del otro? Sé que el espaciado entre letras se aplica además de lo que el navegador decide usar, por lo que es inútil incluso con un valor negativo. Básicamente voy por algo como Twitter tiene en la parte inferior de su página de inicio. Miré su código y están usando una lista desordenada. Podría hacerlo, pero me gustaría la explicación técnica de por qué parece que no hay forma de eliminar el espacio en blanco entre estas imágenes.