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

[Anonymous]

На моем веб-сайте я пытаюсь заставить «display: inline-block» работать с моими изображениями, чтобы расположить их рядом друг с другом, но они по-прежнему отображаются друг над другом и в некоторых случаях немного смещены по центру. причина. Любая помощь?

Код: Выделить всё

.inline {
display: inline-block;
}

Код: Выделить всё

[img]https://dl.flathub.org/media/org/godotengine/Godot.desktop/f3bfa94e0d33cf1cec74d0406b86879c/icons/128x128@2/org.godotengine.Godot.desktop.png[/img]

[img]https://dl.flathub.org/media/org/godotengine/Godot.desktop/f3bfa94e0d33cf1cec74d0406b86879c/icons/128x128@2/org.godotengine.Godot.desktop.png[/img]

Результат:
Два изображения слегка накладываются друг на друга. off-center
Я попробовал поместить класс только в изображения, что устранило проблему смещения от центра, но они по-прежнему находились друг над другом.
Я также поместил оба div внутри другого «родительского» div, который ничего не сделал.
Затем я поместил класс только в div, что также ничего не исправило.
Все это было сделано в попытке решить проблему.< /p>
*Редактировать: проблема найдена! Мой браузер был слишком тонким, поэтому он отображался странно, но между моими элементами div был зазор. Сейчас пытаюсь это исправить...

Подробнее здесь: https://stackoverflow.com/questions/784 ... -my-images