Вопрос:
element1 elementN+1 element2N+1 element3N+1
element2 elementN+2 element2N+2 element3N+2
. . . .
. . . .
. . . .
elementN element2N element3N element4N
Мой код CSS.HTML
<ul>
<li>element1</li>
<li>element2</li>
<li>element3</li>
<li>element.</li>
<li>element.</li>
<li>element.</li>
<li>element4N</li>
</ul>
CSS
ul {float:left;}
ul li {float:left; min-width: 250px;}
Результат:
element1 element2 element3 element4
element5 element6 element7 element8
. . . .
. . . .
. . . .
element4N-3 element4N-2 element4N-1 element4N
Я пытался использовать сетку дисплея (тег ul), но для этого требуется количество строк, которое мне нужно автоматически.
display: grid;
grid-auto-flow: column;
grid-template-rows: repeat(35, 1fr);
IМне интересно, если это возможно сделать только с помощью CSS.