обертывание текста в пользовательских формах

Question

Как достичь этого с помощью чистого html 5 и css 3, как показано на примере? Основная цель - обернуть текст пробелами в пользовательских фигурах.

Я представляю, как с javascript, но это неправильно.

Answer 1

Вы можете посмотреть после этого http://sarasoueidan.com/blog/css-shapes/

.shaped{ 
    /*...*/ 
    shape-outside: polygon(0 0, 100% 0, 100% 100%, 30% 100%); 
    shape-margin: 20px; 
} 

EDIT:

http://demosthenes.info/blog/898/Wrapping-Text-Around-A-Curved-Image-With-CSS-Shapes

Я верю, есть polyfill

<script src="shapes-polyfill.min.js"></script> 

SCRIPT:GITHUB REPOSITORY

Но я не проверял это сам так не могу дать вам 100% уверен ..

EDIT 2:

А вот пример codepen (сделано не мной - найдено прямо сейчас на codepen) CODEPEN EXAMPLE