Как исправить эти кнопки в HTML и CSS? ⇐ CSS

[Anonymous]

Я создавал веб-сайт и сделал для него разные разделы: левый раздел со всеми описаниями и четыре большие кнопки посередине для перехода к каждой категории. Я сделал еще один тег div в html с именем класса «кнопка изображений». Я сделал дизайн, который хотел, и сделал предварительный просмотр, я увидел, что он находится под предыдущей кнопкой, которую я сделал.
Я ожидал, что это сработает, но он появился под другой кнопкой, я попытался Погуглите, что происходит, и там сказано использовать «display: flex;» в CSS. Я попробовал это, но это ничего не дало, я даже попробовал выполнить "flex-direction: row;", но это тоже ничего не дало.

Подробнее здесь: https://stackoverflow.com/questions/783 ... ml-and-css