от вопрос уже есть ответ здесь:

У меня есть 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 в нижней части своей домашней страницы. Я посмотрел на их код, и они используют неупорядоченный список. Я мог бы просто сделать это, но я хотел бы получить техническое объяснение, почему, похоже, нет способа устранить пустое пространство между этими изображениями.