Qual é a maneira de ter um espaço horizontal entre dois objetos em html?

O espaço desempenha um papel crucial não apenas no desenvolvimento de sites, mas também em livros de redação, trabalhos de pesquisa, artigos e muito mais. Sem espaçamento, fica difícil passar uma página e saber quais itens estão relacionados e o que não é. Espaços são usados ​​para projetar. Quando vemos espaço em design, ele nos permite imaginar e percorrer livremente. Para ajudar os consumidores a identificar e entender as informações exibidas mais rapidamente, as lacunas são estabelecidas para criar uma hierarquia visual das peças.

Este post declarará sobre ter um espaço entre dois objetos horizontalmente.

Qual é o HTML para ter um espaço horizontal entre dois objetos?

Para ter um espaço horizontal entre dois objetos, confira os seguintes métodos:

• Método 1: Adicione espaço horizontal entre dois objetos em HTML
• Método 2: Adicione o espaço do horizonte entre dois objetos usando propriedades CSS

Método 1: Adicione espaço horizontal entre dois objetos em HTML

Para adicionar o espaço horizontal em html, o “
”O elemento é utilizado. Para fazer isso, tente as instruções fornecidas.

Etapa 1: adicione um contêiner div

Com o objetivo de adicionar um “div”Contêiner na página HTML, o“”Tag é usado. Além disso, especifique um “eu ia" ou "aula”Atributo com um nome.

Etapa 2: Insira o primeiro objeto

Em seguida, adicione o objeto de acordo com sua preferência. Nesse caso, utilizamos o “”Elemento para adicionar uma imagem dentro do elemento.

Etapa 3: Adicionar espaço horizontal

Depois disso, adicione o espaço com a ajuda do “
" marcação. O "
”A tag é usada para produzir uma quebra de linha no texto, imagens, botões e outros objetos.

Etapa 4: adicione outro objeto

Agora, adicione um segundo objeto seguindo o mesmo procedimento:

Como resultado, o espaço horizontal foi adicionado com sucesso entre os objetos no documento HTML:

Método 2: Adicione espaço horizontal entre dois objetos usando propriedades CSS

Você também pode usar o CSS “espaço branco”Propriedade para adicionar espaço entre dois objetos. Aqui, implementaremos outro exemplo adicionando um botão na página. Para implicações práticas, siga as instruções fornecidas.

Etapa 1: Projete um recipiente "div"

Projetar um contêiner de div com o “" elemento.

Etapa 2: Adicionar botões em "Div"

Em seguida, adicione botões utilizando o “”Elemento e texto de incorporação para exibir no botão:

Botão 1
Botão 2

Pode -se notar que os botões foram adicionados com sucesso:

Etapa 3: Adicionar espaço horizontal

Acesse o "div“Container com a ajuda do nome da classe como“.Espaço H”:

.H-Space
Espaço Branco: pré-escravo;

Então, aplique o “espaço branco”Propriedade CSS e defina o valor como“pré-escravo”Para adicionar espaço entre os objetos.

Saída

Você aprendeu sobre vários métodos para especificar o espaço horizontal entre dois objetos.

Conclusão

Para adicionar um espaço horizontal entre dois objetos, o html “
”Tag é usado. Você pode utilizá -lo para adicionar quebras de linha entre texto, imagens, botões e muitos outros objetos. Além disso, o “espaço branco”Propriedade CSS com o valor“pré" ou "pré-escravo”Também é usado para o mesmo objetivo. Este artigo demonstrou o método para ter um espaço entre dois ou mais objetos horizontalmente.