<img src="" alt="" /> <img src="" alt="" />

в

<img src="" alt="" /><img src="" alt="" />

Иногда пробелы могут также скрываться в конце новых строк, поэтому обязательно проверяйте конец строк, если ваш HTML выглядит так

<img src="" alt="" /> 
<img src="" alt="" />

Вместо того чтобы писать:<img src="imgs/img8.jpg" style="margin: 0; width: 300; height: 300;" /> 87 раз, просто поместите это в свой файл CSS:

div img { margin: 0;
    width: 300px;
    height: 300px;
}

и тогда вы можете просто сделать свои изображения<img src="imgs/img8.jpg" alt="img8" />

Попробуйте поместить два изображения в одну строку, например:

<img src="imgs/img0.jpg" style="margin: 0; width: 300; height: 300;" /><img src="imgs/img1.jpg" style="margin: 0; width: 300; height: 300;" />

и посмотрим, изменит ли это что-нибудь. Я также предлагаю вам следовать советам по использованию CSS для упрощения всех стилей изображения. Потому что сейчас вам придется вручную менять каждое значение вручную, если вы хотите изменить размеры изображения.

К сожалению, в HTML иногда возникают глупые проблемы с пробелами.

font-size:0px в div, тогда вы можете продолжать держать элементы img в отдельных строках кода

которые вам нужно обнулить, это padding, border и margin. На самих изображениях и любых контейнерах между ними.

float: left на изображениях, и отделить каждый ряд с помощью выключателя сclear: both тогда между изображениями не должно быть пробелов.