Несколько способов размещения объектов без пробелов в пространстве:

• Использование CSS-свойства white-space: nowrap. 1 Оно помогает избежать переносов строк и препятствует появлению ненужных пробелов. 1
• Применение директив display: flex и display: grid. 1 Они позволяют организовать расположение элементов более продвинутым способом, что часто исключает необходимость вручную управлять пробелами. 1
• Устранение пробелов между дочерними элементами. 1 Для этого нужно применить font-size: 0 к родительскому элементу, после чего следует восстановить размер текста дочерних элементов. 1
• Использование свойства display: inline-block. 3 Оно выводит изображение из блочной структуры, и поэтому браузер не будет выделять в нём пробелы. 3
• Применение CSS Grid Layout. 4 Это двухмерная система вёрстки, которая управляет расположением в строках и столбцах. 4 Самый простой способ размещения элементов в сетке — размещение их от одной строки к другой. 4