Без проблем можно сделать обтекание текстом блока, который расположен в начале текста или его середине. Можно сделать обтекание с учетом сложных форм объекта (shape-outside). Можно даже постараться и сделать обтекание текстом блока, который прижат к правой нижней границе родительского контейнера.
Но хотелось бы решить задачу обтекания текстом блока, что прижат к левому нижнему углу родительского контейнера. При этом нижняя граница обтекаемого блока и текста должны быть на одном уровне. При этом мы не знаем длину текста, количество абзацев в нем и не знаем высоту блока.
Есть возможность решить эту задачу используя JS, можно решить с помощью CSS, но для текста фиксированной высоты (нужно знать высоту текста до верхней границы обтекаемого блока и высоту самого блока -
https://jsfiddle.net/t1nghu7w
Но вот с поставленной задачей пока не знаю как справиться. Есть идеи как можно это реализовать?
Картинка, как примерно это должно выглядеть. Синее - обтекаемый блок, зеленое - текст разбитый на абзацы.
Большое спасибо за любую помощь и любые подсказки )
Средний
