Обтекание картинки текстом CSS

Question

[Воскан Восканян]

Пожалуйста, подскажите, как сделать чтобы текст обтекал, как показано на картинке красным.

Answer 1

[Константин Величко]

codepen.io/adobe/pen/cbjsy
Смотрите в сторону css shapes и clip-path

Comments

[Воскан Восканян]

После копирование пример не работает

[Константин Величко]

Увы я не лечу бесплатно от синдрома кривых рук

[Воскан Восканян]

Так и думал, у меня не кривые руки. Если можете помочь советом, буду благодарен. А если нет, то и не стоило отвечать на вопрос

[Вадим Гук]

Всё скопировал и протестил на ie9, ie8 ругаеться но думаю это норм.
Спасибо за решение.

[Евгений Петров]

Ребята с кривыми руками, просто заглядывайте почаще на caniuse.com/css-shapes, да анализатор используйте.

Решение прекрасное, но для недалёкого будущего, а пока не работающее. Для всех браузеров в примере используется скрипт для формирования тонких float-элементов.

P.S. Мой хром показывает 36-ю версию, а caniuse.com говорит про старт поддержки с 37-й.

Answer 2

[storaged]

gyazo.com/a660cf006decf4c138400c1d9ea5e628
вот отличный вариант решения