Crie quebras de linha sem ter que usar BR em HTML

Existem várias tags no HTML que fornecem funcionalidades específicas para as páginas da web. Essas tags são de dois tipos: tags de contêiner e tags vazias. As tags de contêiner consistem em uma etiqueta inicial e uma etiqueta final, enquanto as tags vazias consistem apenas na tag de início. Mais especificamente, o “
”Tag é um deles. É uma etiqueta vazia que cria uma quebra de linha em html. Embora existam vários outros métodos para criar uma quebra de linha em vez de usar este “
" marcação.

Este post irá instruí -lo:

• Como criar uma quebra de linha utilizando o CSS “Whitespace = pré" propriedade?
• Como criar uma quebra de linha utilizando o CSS “display = bloco" propriedade?

Como criar uma quebra de linha utilizando a propriedade CSS “White Space: Pre”?

O "espaço brancoA propriedade CSS ajuda a controlar os espaços brancos dentro dos elementos. O "pré”O valor exibe o texto embrulhado nas quebras de linha.

Vamos dar uma olhada no exemplo abaixo da declaração para a demonstração.

Exemplo

Em html, adicione um “”Elemento associado ao“estilo”Atributo com o CSS“espaço branco: pré" propriedade:

Linuxhint
Linuxhint

Saída

Como criar uma quebra de linha utilizando a propriedade CSS "Display = Block"?

O CSS “mostrar”Propriedade define o comportamento de exibição do elemento. Além disso, é “bloquear”O valor define a largura do elemento para 100%.

Exemplo

Confira o exemplo abaixo:

• Em HTML, adicione o “

  " elemento.

• Dentro de "

  ”Elemento, inclua dois“período”Elementos com algum conteúdo de texto:

> Linuxhint
> Linuxhint

Saída

Observe que o “”É um elemento embutido, então os dois serão exibidos em uma linha. Para fazer com que cada um deles seja exibido em uma linha (largura total), é necessário definir o “mostrar"Propriedade do elemento" "como"bloquear”.

Elemento de "extensão" de estilo

p span
exibição: bloco;
Alinhamento de texto: centro;

O "p span"Refere -se ao" "elemento ter pai"

”. Este elemento é estilizado usando as seguintes propriedades:

• ““mostrar”Propriedade define o comportamento de exibição do elemento, enquanto o“bloquear”O valor torna a largura total do elemento.
• ““alinhamento de texto”Define o alinhamento do texto como“Centro”.

Saída

Isso se tratava de criar quebras de linha sem usar “
”Em html.

Conclusão

Em HTML, o “
”A tag é utilizada para adicionar uma quebra de linha em um documento. No entanto, quebras de linha podem ser adicionadas sem usar o “
" marcação. Para esse fim, as propriedades mais comuns são o CSS “Exibir: Bloco”Para elementos embutidos e“Espaço Branco: Pre”Para exibir o texto formatado. Este post explicou como criar quebras de linha sem usar “
”Em html.