Where this indentation!?

Guys where are these damn margins between the pictures I can not understand?!
6d34e87dacd74773b1d7aad4c237af29.png
<div class="img">
 <img src="img/img-1.png" alt>
 <img src="img/img-2.png" alt>
 <img src="img/img-3.png" alt>
 <img src="img/img-4.png" alt>
 </div>


.img img {
 width: 25%;
}

using fire bug shows what kind of garbage is between them what is this?!
c449f338ba3e4f83bbd34291578b7897.png
July 2nd 19 at 13:54
3 answers
July 2nd 19 at 13:56
Solution
.img
{
font-size:0;
}
It worked!
What is it why does this garbage come from? - adonis8 commented on July 2nd 19 at 13:59
between the inline will always be a small indent. - Kaitlyn.Ullrich11 commented on July 2nd 19 at 14:02
: Thanks! - adonis8 commented on July 2nd 19 at 14:05
July 2nd 19 at 13:58
Works 100%
<style>
* {
 margin: 0;
 padding: 0;
}
</style>
Not going to work. There in the gaps. - adonis8 commented on July 2nd 19 at 14:01
July 2nd 19 at 14:00
Remove the line break between the img tags in the html. In this case, it is defined as a space.

Find more questions by tags HTMLCSSLayout