Este write-up irá instruí-lo:
- Como alterar o espaçamento entre parágrafos em CSS?
- Como alterar o espaçamento dentro dos parágrafos em CSS?
Pré-requisito: Criar um arquivo HTML
A página HTML pode ser criada seguindo as instruções:
- Adicione dois “ ” elementos no arquivo HTML.
- Atribuir IDs como “ parágrafo 1 ' e ' para2 ”, respectivamente.
- Especifique o conteúdo do parágrafo dentro deles, conforme indicado abaixo:
< p classe = 'para1' >
As pessoas bem-sucedidas simplesmente se esforçam muito e atingem o objetivo; eles não têm talento natural.
As pessoas bem-sucedidas simplesmente se esforçam muito e atingem o objetivo; eles não têm talento natural. < / p >
< p classe = 'para2' >
As pessoas bem-sucedidas simplesmente se esforçam muito e atingem o objetivo; eles não têm talento natural.
As pessoas bem-sucedidas simplesmente se esforçam muito e atingem o objetivo; eles não têm talento natural. < / p >
< / div >
Saída
Como alterar o espaçamento entre parágrafos em CSS?
O ' margem ” pode adicionar espaços entre os parágrafos. Além disso, usando o “ margem inferior ” propriedade seria uma boa escolha neste caso.
Vamos adicionar uma propriedade de borda para mostrar o espaço de margem proeminente.
Estilo “para1” Classe
.para1 {fronteira : 1px sólido cinzento ;
margem inferior : 70px ;
}
O ' .para1 ” é usado para acessar o elemento
com o id “ parágrafo 1 ” e aplique as seguintes propriedades:
- “ fronteira ” é aplicada com o valor da largura da borda, estilo e cor define a borda ao redor do parágrafo.
- “ margem inferior ” adiciona espaço na parte inferior do parágrafo.
Classe de estilo “para2”
.para2 {fronteira : 1px sólido cinzento ;
}
O ' ” elemento com o id “ para2 ” também é aplicado com a borda usando o CSS “ fronteira ' propriedade.
Pode-se observar que os espaços foram adicionados com sucesso entre os parágrafos:
Como alterar o espaçamento dentro dos parágrafos em CSS?
O CSS “ altura da linha ” é utilizada para adicionar espaços entre as linhas do parágrafo.
Para fazer isso, adicione a propriedade line-height ao “ ” elemento com id “ parágrafo 1 ”:
altura da linha: 2;Saída
Isso foi tudo sobre a mudança de espaços entre os parágrafos.
Conclusão
Para alterar os espaços entre os parágrafos, primeiro adicione parágrafos no arquivo HTML usando o botão “ ' elemento. Em seguida, o CSS “ margem inferior ” é utilizada para adicionar espaço entre os parágrafos. O CSS “ altura da linha ” adiciona espaços dentro dos parágrafos. Este post elaborou o procedimento para alterar o espaçamento entre parágrafos e dentro dos parágrafos.