Como reduzir o espaço entre linhas em HTML

Passo 1

Execute seu programa de edição de texto e abra sua página HTML.

Passo 2

Coloque o cursor entre a seção "" do seu código HTML e escreva o seguinte código CSS:

Este código CSS cria um marcador para a regra de estilo a seguir.

Passo 3

Digite um seletor dentro das tags "", que é o elemento da página HTML ao qual você deseja aplicar a regra CSS. Por exemplo, escreva uma tag "p" para controlar a aparência dos parágrafos na sua página da Web:

Passo 4

Escreva os colchetes de abertura e fechamento após o seletor "p" e digite "line-height:" entre os colchetes. Depois de "line-height:", insira o valor percentual que indica a distância de cada linha de texto. Os navegadores da Web geralmente colocam o conteúdo com um espaço entre 110 e 120%. Digite um valor menor, como 100%, para reduzir a altura da linha. Para ilustrar: p {line-height: 100%;}

Passo 5

Salve seu arquivo Abra seu documento HTML em um navegador da Web selecionando "Abrir" ou "Abrir arquivo" no menu "Arquivo" do navegador para ver o espaço de espaçamento reduzido. Se suas linhas precisarem de ajustes, insira um novo valor na regra CSS.