Как убрать интервал между инлайн-элементами в CSS? [duplicate]

У меня есть div с кучей тегов изображений внутри, вот пример:

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

Поскольку между тегами есть пробелы, браузеры будут отображать некоторые пробелы между изображениями (Chrome решает 4px). Как я могу сказать браузеру, чтобы между изображениями не было пробелов, не размещая > и < непосредственно рядом друг с другом? Я знаю, что интервал между буквами применяется в дополнение к тому, что решает использовать браузер, так что это бесполезно даже при отрицательном значении. В принципе, я хочу сделать что-то вроде того, что есть у Twitter в нижней части их главной страницы. Я посмотрел их код, и они используют неупорядоченный список. Я мог бы просто сделать это, но мне хотелось бы получить техническое объяснение, почему, по-видимому, нет способа устранить белое пространство между этими изображениями.