Jak zmniejszyć przestrzeń między wierszami w HTML

Krok 1

Uruchom swój edytor tekstu i otwórz stronę HTML.

Krok 2

Umieść kursor w sekcji "" kodu HTML i napisz następujący kod CSS:

Ten kod CSS tworzy symbol zastępczy dla poniższej reguły stylu.

Krok 3

Wprowadź selektor wewnątrz znaczników "", który jest elementem strony HTML, do którego chcesz zastosować regułę CSS. Na przykład napisz znacznik "p", aby kontrolować wygląd akapitów na stronie:

Krok 4

Napisz nawiasy otwierające i zamykające za selektorem "p" i wpisz "wysokość linii:" między nawiasami. Po "line-height:" wprowadź procentową wartość wskazującą, jak daleko będzie się znajdowała każda linia tekstu. Przeglądarki internetowe zazwyczaj umieszczają zawartość z odstępem od 110 do 120%. Wprowadź niższą wartość, na przykład 100%, aby zmniejszyć wysokość linii. Aby zilustrować: p {line-height: 100%;}

Krok 5

Zapisz swój plik Otwórz dokument HTML w przeglądarce internetowej, wybierając "Otwórz" lub "Otwórz plik" w menu "Plik" przeglądarki, aby zobaczyć zmniejszoną przestrzeń między spacjami. Jeśli linie wymagają korekt, wprowadź nową wartość w regule CSS.