Como deixar um espaço em branco no HTML?
Se inserir mais de um espaço no HTML quando for impresso na área do navegador ele mostrará apenas um espaço, não importando quantas vezes for digitado. O mesmo serve para quebras de linhas, na verdade a tecla enter usada para dar espaço em editores de texto não funciona na impressão do HTML se ela for digitada no código, na tela sairá apenas um espaço em branco.

Mas tem como mudar isso, uma maneira é usando a tag <pre>. Essa tag permite que o navegador interprete o que for digitado no código HTML como texto.

Para usar basta inserir o texto que deseja espaçar mais de uma vez entre a tag <pre> e </pre>.

Algo como:

<p>Texto em um parágrafo simples. tentando dar vários espaços.          Aqui volto o texto.</p>

<pre>Texto em um parágrafo pre espaçado várias vezes           .Aqui continuo o texto após o espaço.</pre>.

Resultado:

Texto em um parágrafo simples. tentando dar vários espaços. Aqui volto o texto.

Texto em um parágrafo pre espaçado várias vezes            .Aqui continuo o texto após o espaço.

 Existem outras maneiras de obter esse resultado que você conferir clicando nos exemplos de uso logo abaixo.


Seja bem vindo ao blog Espaço HTML

Com dicas que vão direto ao ponto sobre html

Quer deixar seu site mais profissional e memorável?

Aprenda a criar e adicionar um favicon personalizado em poucos passos. Descubra como esse pequeno ícone pode fazer toda a diferença na identidade da sua marca.

Para que serve o atributo loading="lazy" em imagens e iframes?

É o adiamento e eventualmente dispensa do carregamento de imagens que o usuário não irá visualizar imediatamente. Serve para melhorar a experiência de usuários com internet ruim e assim otimizar o SEO.

Desenvolvimento Web: Desvendando os Segredos da CSS, HTML e JS

Vamos desvendar juntos como essas linguagens fundamentais se combinam para criar não apenas estética visual, mas também uma presença online otimizada e impactante.

Cores para HTML: Desvendando o Universo das Cores em um Guia Completo para Design Visual e SEO Eficiente

Explore as infinitas possibilidades de design no HTML, desvendando os segredos das cores que cativam visitantes e elevam seu site nos rankings de busca.

Explorando o Universo da Codificação HTML: Caracteres Especiais, Entidades, Elementos, Números e Símbolos

Descubra o poder oculto por trás da codificação HTML: desde a elegância dos caracteres especiais até a versatilidade das entidades, elementos, números e símbolos.

Como dar espaço em html?

Desvende os truques do espaçamento em HTML e CSS com esta lista imperdível de 10 itens. A surpresa do número 6 vai redefinir suas noções de design web!

Exemplo de Aviso de Cookies Verificação de AdBlock