Как расположить так список?

Question

[saplas]

Нужно расположить так список, вроде бы задача простая, но никак не могу добиться такого вида.
https://codepen.io/anon/pen/RdLNVb

Comments

[alex]

с той вложенностью тегов, которая у вас в pen'е, можно сделать через column-count. но я смотрю там по нижнему краю все выровнено, поэтому придется ebat'sya с отсупами и типографикой. можно сделать через флексбоксы, но тогда придется делать больше вложенностей в разметке. а вот с помощью гридов можно вообще без боли все сделать и с одноуровневой вложнностью.

Answer 1

[KononovD]

схема очень похожая
https://codepen.io/Kononov_D/pen/KJYBJM

только в первых двух дивах у вас будет 2 ul, а в 3 3 ul ))
ну короче там сами игрйтесь уже с размерами, но, я думаю, основной месседж флексов понятен)

Comments

[saplas]

Немного не понял вашу идею. У меня идет 1 ul и в нем соответственно 7 li

[KononovD]

saplas, переписал pen, смотрите еще раз)

Answer 2

[Alex]

https://codepen.io/cawa-93/pen/YgrPvz

Answer 3

[aei]

Вариантс использованием флекбоксов: https://jsfiddle.net/ashmee/c3bsxh97/

Answer 4

[Ankhena]

При неизвестной высоте родителя и количестве контента проще всего это делается с помощью свойства columns
Вот так: https://codepen.io/anon/pen/moBOxw

p.s. вам бы с селекторами разобраться...