Укладывать элементы вертикально в строках / столбцах, а не горизонтально

Я создаю html-страницу и хочу переключиться на прокрутку и плавание страницы. Так что в теле или div я хочу список элементов. Каждый элемент должен идти под предыдущим, если не будет затронут конец элемента div, затем он должен перейти в верхнюю часть и так далее. Так что, если есть много для отображения, он должен дать горизонтальную полосу прокрутки. В основном, если вы поворачиваете экран на 90 градусов, вы получаете то, что я хочу.

Схематически элементы должны выглядеть так:

1  4  7  10
2  5  8  11
3  6  9  12

я действительно понятия не имею, с чего мне начать с этого. Я неЯ не знаю, как это назвать, поэтому искать его сложно.

Я думаю, что мне нужно разделить мою проблему в 2

- ordering the items so they go in the flow like in the scheme.
- scrolling horizontally.

Некоторые направления в том, что CSS использовать, будет высоко ценится.

Ответы на вопрос(3)

Ваш ответ на вопрос