Как убрать отступы между картинками учитывая display: inline-block

Чтобы убрать отступы между картинками с `display: inline-block`, можно использовать несколько методов: 1. **Убрать пробелы в HTML** между тегами картинок: ```html ``` 2. **Использовать отрицательный margin**: ```css img { display: inline-block; margin-right: -4px; } ``` 3. **Обнулить font-size у родителя**: ```css .parent { font-size: 0; } img { display: inline-block; font-size: 16px; /* вернуть нужный размер */ } ``` 4. **Использовать flexbox**: ```css .parent { display: flex; } ``` Пробелы появляются из-за того, что браузер интерпретирует пробелы и переносы строк между тегами как текстовые узлы. Лучший современный вариант - flexbox, так как он решает проблему без хаков.