Как сделать такую штуку?

Question

[Childhood]

Всем привет ! Можно ли, а если можно то как, сделать такую вещь.

На демке (которая ниже) есть чекбоксы, и они раскрывают блок под ними, и надо так что бы когда достигают max-height, переносился, это можно увидеть на примере (снизу), но контент не расширяется, и вот вопрос, как сделать?)

https://jsfiddle.net/7fn80wvq/ - демка

Answer 1

[zoozag]

На стеке пишут что это эта проблема пока не решена.
Т.е. flex контейнер не подстраивается по ширине по содержимому при flex-direction: column
Сам ответ

Answer 2

[Exploding]

max-height: 300px;
height: auto;

Comments

[Childhood]

Ой, возможно не правильно объяснил проблему, мне надо что бы они переносились, по этому max-height и нужен)

[Exploding]

Childhood, max-width: 200px;

[Exploding]

Childhood, но высоту всеравно auto

[Childhood]

Exploding, Может что-то не так делаю, но не получается, можете скинуть jsfiddle?

[Exploding]

Childhood, буду за компом - скину