Откуда появляется отступ между inline-block элементами

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