Как реализовать обтекание текста внутри flexbox?

Question

[starwars9isgreatlol]

Привет!
Есть карточки, внутри которых используется flexbox контейнер и иконка





Внутри flexbox контейнера может быть множество текстовых элементов, разной высоты и стилей.
Иконка назходиться справа и может быть, как вверху, так и внизу

Подскажите, возможно ли реализовать обтекание флексбокс контейнером этой иконки, так что бы текст не наезжал на нее?
При этом хочется что бы место, свободное от иконки, имело полную ширину

Comments

[Ankhena]

Шепотом: не использовать флекс, там где он не подходит

[starwars9isgreatlol]

Ankhena, Но хочется именно его, в примере вот flex-grow есть, без флексбокса его не сделать

[Ankhena]

starwars9isgreatlol, В вашем случае, похоже, придется считать на js. Либо паддинги либо высоту description.

[Ankhena]

starwars9isgreatlol, Если очень хочется флекс, то придется менять разметку, делать доп обертки типа верхней части и нижней и иконку переносить туда.
Тоже могут быть свои нюансы в зависимости от количества текста.