Косой левый край
Oct. 16th, 2015 08:06 am![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png){kind=small}
shoorickЗадача — сделать на веб-странице косой левый край у текстового блока, то есть, нужна лесенка из строк. Ширина страницы произвольная, текст должен переноситься автоматически.
Решение — накидать слева плавающих элементов с одинаковой шириной, но разной высотой, отличающейся у соседних элементов на расстояние между базовыми линиями соседних строк. Пусть текст и обтекает эту лесенку:
Готовый пример — http://codepen.io/shoorick/pen/MaEdPN
http://shoorick.ru/2015/10/16/incline-left-edge/
Решение — накидать слева плавающих элементов с одинаковой шириной, но разной высотой, отличающейся у соседних элементов на расстояние между базовыми линиями соседних строк. Пусть текст и обтекает эту лесенку:
Готовый пример — http://codepen.io/shoorick/pen/MaEdPN
http://shoorick.ru/2015/10/16/incline-left-edge/
