Отступы по умолчанию до/после текста — можно ли отрегулировать?

Question

[Руслан Галиев]

<div>SEO-продвижение</div>
padding: 45px 0;

Подскажите, отступы до и после текста, в рамках голубой заливки (подсвечено в "Инструментах разработчика") - это как-то регулируется? Или они идут по умолчанию и не редактируются?

Comments

[Alexander Belov]

padding: 45px 0 - это и есть отступ, всё редактируется. В инструментах измени значение 45px в нужную сторону.

[Руслан Галиев]

Alexander Belov: 45 - это, если брать верхний падинг, расстояние между черной и голубой полосой. А я имею в виду расстояние от края голубой полосы до текста. Сверху это 10px.

[Alexander Belov]

Руслан Галиев: ссылка на ресурс есть?

[Руслан Галиев]

Alexander Belov: echo-group.biz/verstka/anthome/prices.html

[Alexander Belov]

Руслан Галиев: Свойство line-height
www.w3schools.com/cssref/pr_dim_line-height.asp

[Руслан Галиев]

Alexander Belov: оно, спасибо!

Answer 1

[Денис Денис]

.title {
    padding: 45px 0;
    line-height: 32px;
}

Comments

[Serj-One]

За line-height в пикселях нужно отрубать руки. Высота строки задаётся исключительно коэффициентом по отношению к font-size. Если, конечно, это свойство используется по прямому назначению.

[Денис Денис]

Serj-One: просто в данном случае спрашивают именно как изменить размер этих отступов)

[Serj-One]

Денис Ручьев: Да, и правильный ответ - line-height: 1.