Косой левый край

[shoorick]

Задача - сделать на веб-странице косой левый край у текстового блока, то есть, нужна лесенка из строк. Ширина страницы произвольная, текст должен переноситься автоматически.

Решение - накидать слева плавающих элементов с одинаковой шириной, но разной высотой, отличающейся у соседних элементов на расстояние между базовыми линиями соседних строк. Пусть текст и обтекает эту лесенку:



Готовый пример - http://codepen.io/shoorick/pen/MaEdPN

http://shoorick.ru/2015/10/16/incline-left-edge/