Как сделать диагональный адаптивный отступ внутри DIV?
Какого-то простого и красивого способа, емнип - не существует.
Поддержка CSS-регионов печальна: caniuse.com/#feat=css-regions
Что-то костылить на скриптах, чтобы определяло ширину контейнера и вставляло те же самые br-ки... геморно и ненадежно.
Мое мнение - лучше поискать компромисс с дизайнером.
на svg это реально , но текст будет статичный и без <br /> но я задал этот вопрос 
на другом форуме и мне по советовали  :
alistapart.com/article/css-shapes-101 
caniuse.com/#feat=css-shapes сам вопрос -> следи за ответами твой вопрос на ruSO