Mudança de espaçamento entre parágrafos e dentro dos parágrafos

HTML é uma linguagem de marcação que oferece vários elementos que criam a estrutura do site. O CSS suporta HTML de uma maneira que fornece diferentes propriedades de estilo e posição para os elementos html. Mais especificamente, o html “

”Elemento especifica o parágrafo em um documento. Os parágrafos podem ser ajustados com propriedades CSS, como “margem","altura da linha","espaçamento de palavras", e muitos mais.

Este artigo irá instruir você:

• Como mudar o espaçamento entre os parágrafos no CSS?
• Como mudar o espaçamento dentro dos parágrafos no CSS?

Pré -requisito: Crie um arquivo HTML

A página HTML pode ser criada seguindo as instruções:

• Adicionar dois “

  ”Elementos no arquivo HTML.

• Atribuir IDs como “Para1" e "Para2”, Respectivamente.
• Especifique o conteúdo do parágrafo dentro deles, conforme abaixo:

Pessoas de sucesso simplesmente se esforçam muito e conseguem o objetivo; Eles não têm talento natural.
Pessoas de sucesso simplesmente se esforçam muito e conseguem o objetivo; Eles não têm talento natural.

Pessoas de sucesso simplesmente se esforçam muito e conseguem o objetivo; Eles não têm talento natural.
Pessoas de sucesso simplesmente se esforçam muito e conseguem o objetivo; Eles não têm talento natural.

Saída

Como mudar o espaçamento entre os parágrafos no CSS?

O "margem”A propriedade pode adicionar espaços entre os parágrafos. Além disso, usando o “Margin-Bottom”A propriedade seria uma boa escolha neste caso.

Vamos adicionar uma propriedade de fronteira para mostrar o espaço de margem proeminente.

Classe de estilo “Para1”

.para1
borda: 1px cinza sólido;
Margin-Bottom: 70px;

O ".Para1Ӄ usado para acessar o

elemento com o id “Para1”E aplique as seguintes propriedades:

• ““fronteira”A propriedade é aplicada com o valor da largura da borda, estilo e cores, define a borda ao redor do parágrafo.
• ““Margin-Bottom”Adiciona espaço no fundo do parágrafo.

Classe de estilo “Para2”

.para2
borda: 1px cinza sólido;

O "

”Elemento tendo 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 mudar o espaçamento dentro dos parágrafos no CSS?

O CSS “altura da linha”A propriedade é utilizada para adicionar espaços entre as linhas do parágrafo.

Para fazer isso, adicione a propriedade de altura de linha ao “

”Elemento tendo id“Para1”:

altura da linha: 2;

Saída

Isso se tratava de mudar 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 “

" elemento. Então, o CSS “Margin-Bottom”A propriedade é utilizada para adicionar espaço entre os parágrafos. O CSS “altura da linha”A propriedade adiciona espaços dentro dos parágrafos. Este post elaborou o procedimento para alterar o espaçamento entre os parágrafos e dentro dos parágrafos.