Наверняка многим приходилось сталкиваться с аццкими макетами необходимостью завернуть текст в какую нибудь букву “зю”, причем так, чтобы текст оставался текстом.

Сегодня я нашел один из способов, как это можно осуществить!

На сайте csstextwrap.com предлагается поизвращаться с текстом, причем очень даже удобным способом), при помощи удобного визуального редактора.

Две линии по бокам можно крутить как вздумается, тем самым задавая фигуру в которую будет помещен необходимый для обработки текст. Чтобы добавить изгиб, достаточно одной таблетки просто нажать на нужное место один раз левой клавишей мышки.

Когда вы выстроили необходимую геометрическую фигуру - внизу предлагается 3 варианта вставки ее на ваш сайт (инлайн, с помощью CSS и даже JavaScript!)

В добавок показывается размер этой самой фигуры, которе можно задать вручную, после чего нажать “update”.

Важно помнить что DIVы нужно вставить до параграфа с текстом.

Конечно при изменении размеров окна, все ломается, но это легко исправить при помощи min-width

В общем, очень удобный сервис, советую всем начинающим и продолжающим!)