HTML и CSS: строка внутри div не позволяет мне размещать элементы рядом друг с другом и не будет прокручиваться ⇐ Html

[Anonymous]

Этот код не принадлежит мне, его можно использовать бесплатно, я нашел его на сайте toyhouse и хотел внести некоторые изменения в соответствии со своими предпочтениями. Вот что у меня есть:


Внизу есть горизонтальная полоса прокрутки (она серая, но едва заметная), но она не будет работать, потому что остальные 3 круглые кнопки, которые я хочу отобразить, находятся внизу (не видны, потому что я установил переполнение скрыто). Вот лучшее представление о том, что происходит, когда для overflow-x и y установлено значение auto:
[img]https://i.sstatic .net/6Del9YBM.png[/img]

Я изо всех сил пытаюсь разместить все 7 кругов рядом друг с другом в одном ряду, но безуспешно ;; Поскольку код не полностью принадлежит мне, я не уверен, что мне следует и не следует редактировать, чтобы избежать поломки всего кода. Мне очень жаль, если это беспорядочно или непрактично, HTML не совсем моя область программирования.
Вот код, который у меня есть прямо сейчас! (Обратите внимание, что контейнер находится в фиксированном положении внутри большей сетки начальной загрузки)








Commissions

















Подробнее здесь: https://stackoverflow.com/questions/793 ... each-other