Як змінити інтерліньяж в html-тексті, інститут безперервної і відкритої освіти

Щоб змінити відстань між рядками в HTML. вам не потрібно забивати шпони. Вам потрібно всього лише до об'єкта, в якому ви хочете це відстань відрегулювати, наприклад, до абзацу тексту (тег

) Або до блокового елементу (
), Застосувати CSS-властивість line-height. Властивість може застосовуватися до всіх тегам HTML.

Значення у line-height можна задавати у відсотках, множником, одиницями виміру (пікселі (px), пункти (pt), пайки (pc) і т.д.), а також воно може приймати значення normal і inherit.

При normal відстань між рядками обчислюється браузером автоматично за своїми міркувань, при inherit - успадковується значення батьківського елемента, тобто тега, в який даний тег вкладений.

Черкніте кілька рядків на HTML.

Ось так виглядає в браузері відстань між рядками в абзаці зі значенням 1 (тобто одинарний інтерліньяж) і 70% у заголовка (зауважте що при розрахунку в% за 100% береться висота шрифту):

Як змінити інтерліньяж в html-тексті, інститут безперервної і відкритої освіти

Якщо ми поставимо line-height для тега

, огортає і заголовок, і абзац, а у них, відповідно, це властивість приберемо, то вийде:





line-height