Estou criando uma página html e quero mudar para rolagem e flutuação da página. Então, dentro do corpo ou de uma div, quero uma lista de itens. Cada item deve ficar abaixo do anterior, a menos que o final da div seja tocado, então deve continuar na parte superior e assim por diante. Portanto, se houver muitos para exibir, deve fornecer uma barra horizontal sroll. Basicamente, se você girar a tela 90 graus, conseguirá o que eu quero.

Esquematicamente, os itens devem ficar assim:

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

Eu realmente não tenho idéia de onde eu deveria começar com este. Não sei como chamar isso, então é difícil procurá-lo.

Eu acho que preciso dividir meu problema em 2

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

Alguma orientação sobre qual css usar seria muito apreciada.