How to make diagonal responsive padding inside a DIV?

Question

css

How to make a layout with a diagonal indent of the text without hardcoding the br tags so that everything remains adaptive and dynamic, is it possible to do this at all?

Answer 1

on svg this is real, but the text will be static and without <br />but I asked this question
on another forum and I was advised:
alistapart.com/article/css-shapes-101
caniuse.com/#feat=css-shapes
the question itself -> follow for answers
your question on ruSO

Answer 2

Some simple and beautiful way, emnip - does not exist.
Support for CSS-regions is sad: caniuse.com/#feat=css-regions
Something to crutch on scripts to determine the width of the container and insert the same br-ki... gemorno and unreliable.
My opinion - it is better to look for a compromise with the designer.