Как лучше сделать блок со стрелкой сбоку при помощи css?

Question

[Рустем Ворожейкин]

Добрый день.

Подскажите как лучше выполнить стрелку справа блока(см. скрин)?
Необходимо сделать на css. И так, чтобы при разном количестве строк текста, блок отображался корректно

Answer 1

[Олег]

Вот накидал пример: https://jsfiddle.net/nugget_sti/r34wvd48/ осталось придумать, как скруглить правый угол))
Чтобы блок подстраивался под контент, добавить js

Comments

[Рустем Ворожейкин]

Такой вариант я сразу рассматривал) Та и оставил таким. Просто хотелось сделать без js и скругленными краями.

Answer 2

[Егор Живагин]

Ну, типо...

border-top-right-radius: 30px;
border-bottom-right-radius: 30px;

Хотя не совсем так выходит. Могу подкинуть идею с :after и градиентом, но сейчас времени нет показать)

Comments

[Рустем Ворожейкин]

Увы, скругленные края - это не то что требуется.