Архив за месяц: Октябрь 2015

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

CSS, HTML

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

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

Косой край

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

Во вторник и среду по М-5 трудно будет проехать

Башкирия, дороги, Урал, Челябинск

Челябинск.ру сообщает: Учения силовиков на два дня ограничат движение на трассе М-5 на Южном Урале

На трассе М-5 … будет введено временное ограничение движения в связи с проведением тактико-специального учения «Рельеф-2015». Эта мера связана с движением колонн специального автотранспорта в сопровождении патрулей ГИБДД, сообщили в пресс-службе ГУ МВД региона.
Ограничение движения может быть введено с 17:00 до 23:00 6 октября и с 12:00 до 22:00 7 октября на участке дороги от Челябинска до границы с Башкортостаном.

Длина М-5 в Челябинской области — 330 километров (точнее, 322, если вычесть небольшой участок, идущий по Салаватскому району), из них примерно 80 километров идут двумя проезжими частями по холмистой лесостепи, а оставшиеся почти 250 — одной проезжей частью по лесистым горам. Насколько ограничат (то есть, будут пробки либо полное перекрытие движния на отдельных участках) — не ясно.

Карта