Como reduzir o espaço entre linhas em HTML

O espaçamento entre linhas em um documento HTML (Hypertext Markup Language) é a quantidade de espaço entre duas linhas de texto. Ao criar suas páginas, considere ajustar essa área para melhor atender às suas necessidades e ao design da sua página. Felizmente, esse é um processo rápido porque o CSS (Cascading Style Sheets) trabalha diretamente com seu código HTML para estilizar o conteúdo. Usando o programa de edição de texto no seu computador, reduza o espaço entre as linhas no seu documento HTML conforme desejar.

Passo 1

Execute seu programa editor de texto e abra sua página HTML.

Etapa 2

Coloque o cursor entre a seção “” do seu código HTML e digite o seguinte código CSS:

Este código CSS cria um espaço reservado para a seguinte regra de estilo.

Etapa 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:

Etapa 4

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

Etapa 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çamento reduzido. Se suas linhas precisarem de ajustes, insira um novo valor na regra CSS.

Referências

 

Você pode estar interessado:

Deixe um comentário