Как сделать диагональный адаптивный отступ внутри DIV?

Question

[ChrisJonson]

Как сделать верстку c диагональным отступом текста, не задавая хардкодом теги br, чтобы все оставалось адаптивным и динамическим, можно ли так сделать вообще?

Comments

[Lynn «Кофеман»]

Можно в специальных частных случаях. Ничего умнее чем сделать несколько блоков убывающей ширины и задать им float: right пока нет.

Answer 1

[Максим]

на svg это реально , но текст будет статичный и без <br /> но я задал этот вопрос
на другом форуме и мне по советовали :
alistapart.com/article/css-shapes-101
caniuse.com/#feat=css-shapes
сам вопрос -> следи за ответами
твой вопрос на ruSO

Comments

[ChrisJonson]

shape-outside с применением полифила - правильное решение, спасибо

[Максим]

ChrisJonson: codepen.io/Geyan/pen/akQAmb а вот и само решение , помогли мне на решить это на американском стэке SO

Answer 2

[dom1n1k]

Какого-то простого и красивого способа, емнип - не существует.
Поддержка CSS-регионов печальна: caniuse.com/#feat=css-regions
Что-то костылить на скриптах, чтобы определяло ширину контейнера и вставляло те же самые br-ки... геморно и ненадежно.
Мое мнение - лучше поискать компромисс с дизайнером.