Как изменить расстояние между строками текста?

4 / 5

Автор: Администратор

25.06.2015

Теги: css, line-height, интерлиньяж

В этой статье мы коснемся вопроса расстояния между строчками текста.

Для изменения расстояния между строчками в тексте(его назвают интерлиньяжем) используется свойство line-height.

В качестве значений оно принимает как и шрифты - px, em, %, pt, либо и чаще всего в виде числа-множителя.

Рассмотрим пример(В первом случае растояние задается через em, во втором через число-множитель):

<p>Начиная с 1998 года наша фирма занимается развитием в Санкт-Петербурге собственной сети торговых автоматов (кофеавтоматов, автоматов для продажи снеков и холодных напитков). А так же мы продаем новые и б/у торговые автоматы, сдаем в аренду кофемашины малого класса, обеспечиваем сервисное обслуживание кофейного оборудования фирм Rhea Vendors, Bianchi, Spengler, FAS, а также продаем продукты для кофейных автоматов фирм Barry Callebaut, Paulig, Tchibo и Almafood.</p>
<p class="line">Начиная с 1998 года наша фирма занимается развитием в Санкт-Петербурге собственной сети торговых автоматов (кофеавтоматов, автоматов для продажи снеков и холодных напитков). А так же мы продаем новые и б/у торговые автоматы, сдаем в аренду кофемашины малого класса, обеспечиваем сервисное обслуживание кофейного оборудования фирм Rhea Vendors, Bianchi, Spengler, FAS, а также продаем продукты для кофейных автоматов фирм Barry Callebaut, Paulig, Tchibo и Almafood.</p>

p {
	line-height:0.9em;
}
p.line {
	line-height:3;

Вот как это будет выглядеть:

Начиная с 1998 года наша фирма занимается развитием в Санкт-Петербурге собственной сети торговых автоматов (кофеавтоматов, автоматов для продажи снеков и холодных напитков). А так же мы продаем новые и б/у торговые автоматы, сдаем в аренду кофемашины малого класса, обеспечиваем сервисное обслуживание кофейного оборудования фирм Rhea Vendors, Bianchi, Spengler, FAS, а также продаем продукты для кофейных автоматов фирм Barry Callebaut, Paulig, Tchibo и Almafood.

Добавить комментарий

Авторизоваться с помощью:

Поиск по сайту

Топ 10 активных пользователей

Имя пользователя Баллы
gawk
44.20
ZOMRO
26.80
hr@proovelab
15.00
intuit89
8.40
Varvarka
4.00
Akyla58
3.00
AnnaOl
3.00
dimasik_3557
3.00
ErcardSa
3.00
Galinamuh
3.00

Рекламные ссылки

Пожертвования

icon donate

Yandex.Money: 410011571748395

Webmoney:

R362907776401 (Рубли)

Z410919458006 (Доллары)

Похожие материалы

Языки программирования сайтов Просмотров 15193

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

Теги:

css, html, javascript, php, веб

Комментариев: 0 Подробнее

Удобное собрание CSS хаков для самых поп... Просмотров 10132

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

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

Теги:

css, хаки, hacks, читы

Комментариев: 0 Подробнее

!important в CSS Просмотров 3581

Часто бывает, что люди, давно изучающие CSS, не имеют представления или не понимают до конца как работает директива !important в CSS. В этой статье я постараюсь описать её действие и показать пару примеров, такая статья так же пригодится тем, кто только начал изучать CSS.

Теги:

css, css3, style, !important

Комментариев: 0 Подробнее

Как подключать свои шрифты на сайт, или ... Просмотров 5792