Почему возникает расстояние между контейнером и изображением?

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

1. Может быть задано отступы (margins) или поле (padding) для элементов контейнера или самого изображения в CSS. Если для элементов заданы значения отступов или полей, то между ними будет присутствовать пробел.

2. Возможно, у изображения есть свойство display, которое отличается от значения "inline". Если значение display для изображения установлено, например, "block", то это может привести к появлению дополнительного отступа.

Чтобы добавить красную полоску под изображением на примере, предоставленном в ссылке, нужно добавить следующий CSS-код к элементу с классом "container":

```
.container::after {
  content: "";
  display: block;
  height: 10px;
  background-color: red;
}
```

Данный код создает псевдоэлемент "::after" для элемента с классом "container" и задает ему высоту 10 пикселей и красный цвет фона.

уimgпо умолчаниюdisplayравенinline

из-за line-height у изображения* {
    margin: 0;
    padding: 0;
    font-family: 'Tahoma';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    text-decoration: none;
    position: relative;
}так конечно лучше не делать