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

Question

[Андрей Канаев]

В общем нужно вот так заверстать. Недавно прям натыкался где то на статью и потерял.. А сегодня присылают такой макет.

Нужно только сделать чтобы текст не обрезался, а подстраивался и переносился.

Answer 1

[Евгений]

Можно как-то так:
https://jsfiddle.net/nywd3uc9/
clip-path можно заменить, сверстать просто так треугольник, главное shape-outside использовать

Comments

[Андрей Канаев]

Спасибо!

[Назар Мокринский]

Вот только оно в Firefox не работает совершенно, как, полагаю, и в некоторых других браузерах.

[Андрей Канаев]

Назар Мокринский: Кроме хрома и сафари нигде....

[Евгений]

Назар Мокринский: Да, но просто это первое что пришло в голову. Возможно существуют крос-браузерные решения.

[Tsimur_S]

https://github.com/adobe-webplatform/css-shapes-po... по идее можно заполифилить

Answer 2

[Максим]

codepen.io/Geyan/pen/VKwjpG?editors=0110 вот это кроссбраузерное решение, я этот вопрос задавал уже на ru.Stackoverflow посмотрите на ответ , пример на codepen я показал - проверил на linux броузерах во всех

Comments

[Иван Доброславин]

404 ошибка

[Максим]

Иван Доброславин, ну конечно 404, два года прошло ..я наверно удалил