Как убрать отступ в flex?

Question

[Username]

Добрый день, как реализовать зависимость блока по ширине от контента внутри?
Сейчас у блока step находится значение flex-shrink: 1; всё хорошо за исключением отступа справа, ширину этого отступа должна занимать линия.
https://jsfiddle.net/kqee01L4/2/


Во втором случае я прописал блоку step значение flex-shrink: 0;, а его потомку name-step flex-shrink: 1;, теперь отступа нет, но сам блок вылазит за пределы родителя, а необходимо было перенести слова в блоке name-step

https://jsfiddle.net/kqee01L4/3/

Answer 1

[Андрей Верх]

flex-basis для .step установите

Comments

[DTX]

И ничего не получится.

[Андрей Верх]

DTX: https://jsfiddle.net/kqee01L4/9/

[Username]

Андрей Верх: prntscr.com/c9an8u не переносит слова за контейнер выходит