Как уменьшить расстояние между строками в HTML

...

Вы можете уменьшить интервал между строками непосредственно в HTML-файле веб-страницы.

Использование HTML позволяет легко создавать базовые веб-страницы и управлять различными атрибутами этих страниц, включая шрифт, размер текста, цвет и межстрочный интервал. Уменьшение интервала между строками может быть полезно, если вам нужно сжать веб-страницу или уменьшить пустое пространство по эстетическим причинам. К счастью, для уменьшения интервала между строками достаточно просто сделать несколько быстрых вставок в HTML-файл страницы.

Шаг 1

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

Видео дня

Шаг 2

Заключите этот раздел документа в "

" тег. А "
"тег, также известный как тег разделения, отмечает раздел HTML, к которому вы хотите применить определенный стиль. Вставлять "

"в начале раздела и"

"в конце раздела.

Шаг 3

Вставить "style =" в первый "

"следующим образом:
. Оператор "style" сигнализирует браузеру, отображающему веб-страницу, что ему следует стилизовать часть. страницы, заключенные в теги разделения определенным образом, отличным от остальной части Интернета страница.

Шаг 4

Поместите текст line-height: в кавычки после оператора стиля следующим образом:

. Не забудьте поставить двоеточие после текста. Атрибут "line-height" сигнализирует браузеру, что он должен изменить интервал между строками для части страницы, заключенной в теги разделения.

Шаг 5

Вставьте число, за которым следует знак процента, после двоеточия после атрибута line-height, как показано ниже:

. Число, которое вы вставляете, представляет собой желаемый межстрочный интервал, выраженный в процентах от текущего межстрочного интервала страницы. Например, если вы вставите 50, интервал между строками будет вдвое меньше текущего, а если вы вставите 200, интервал будет вдвое больше текущего. Вставьте любое число меньше 100, чтобы уменьшить интервал между строками в разделе, ограниченном тегами разделения.

ШАГ 6

Сохраните свой HTML-документ и протестируйте его, открыв его в веб-браузере, чтобы увидеть, как он будет выглядеть для читателей, обращающихся к нему через Интернет.