Как в flex у дочерних элементов сделать их ширину по ширине текста?

Question

[Stepan1998]

https://jsfiddle.net/5u7n89yk/

Comments

[sinneren]

align-items: flex-start ?

[Ankhena]

fit-content

Answer 1

[Danny Arty]

Конкретно в вашем случае подойдет просто задать родителю

.box {
  display: flex;
  flex-flow: column;
  align-items: flex-start; /* либо flex-end, либо center. Т.е. все кроме дефолтного stretch */
}

Answer 2

[Temur__k]

Убери flex-flow: column; тогда будет по ширине текста. Или я тебя неправильно понял?

Comments

[Stepan1998]

Там в колонку идут 2 и более элементов

[Temur__k]

Stepan1998,
display: flex;
flex-direction: column;
align-items: flex-start;