Как сделать резиновый блок нестандартной формы, используя clip-path?

Question

[marginBottom]

Имеется блок нестандартной формы с применением clip-path.

Приходится вручную задавать блоку высоту, чтобы маска полностью влезла в блок. Можно ли размеры маски подгонять под размеры блока, т.к. возникают проблемы с резиновостью блока?

Может быть не маской нужно решать данный вопрос. Как посередине (или в произвольном месте) svg-объекта размещать инлайн-элементы?

https://codepen.io/anon/pen/VyrpWG

Comments

[Андрей Федоров]

А нельзя svg text использовать?

[marginBottom]

Андрей Федоров, подходящий вариант. Спасибо!
Других способов ведь нет?

[Андрей Федоров]

marginBottom, ну я бы не сказал что совсем нет, но это определенно самый простой и быстрый.

[marginBottom]

Андрей Федоров, отпишитесь в ответы, отмечу ваш ответ решением.

Answer 1

[Андрей Федоров]

Предлагаю использовать svg text.