GeeksforGeeks (Português)

o Espaçamento pode ser adicionado usando HTML e CSS 3 abordagens:

o Método 1: Utilizar os caracteres especiais designados para diferentes espaços

  entidade de caractere usado para indicar um espaço não-separável, que é um espaço. Isto pode ser percebido como o dobro do espaço de um espaço normal. Ele é usado para criar um espaço em uma linha que não pode ser quebrado por word wrap.,

o & ensp; entidade de caracteres usada para designar um espaço ‘en’ que significa metade do tamanho do tipo de letra actual. Isto pode ser percebido como o dobro do espaço de um espaço normal.

The   character entity used to denote an ‘em’ space which means equal to the point size of the current font. Isto pode ser percebido como quatro vezes o espaço de um espaço normal.,

Sintaxe:

Regular space:  Two spaces gap:  Four spaces gap:  

Exemplo:

No código acima o espaço regular e de espaço duas e quatro de espaço lacunas de código não está visível, então aqui está como ele olha

Saída:

o Método 2: Usando a guia de tamanho de propriedade para definir o espaçamento de caracteres de tabulação

A guia de tamanho de propriedade CSS é definido o número de vagas de cada caractere de tabulação será exibida., A alteração deste valor permite inserir a quantidade de espaço necessária num carácter de tabulação. Este método, no entanto, só funciona com texto pré-formatado (usando<pre> tags).

o carácter tab pode ser inserido segurando a Alt e pressionando 0 e 9 juntos.,

Sintaxe:

.tab { tab-size: 2; }

Exemplo:

Saída:

o Método 3: A criação de uma nova classe para o espaçamento de CSS

Uma nova classe pode ser criada, o que dá uma certa quantidade de espaçamento utilizando a margem esquerda de propriedade. A quantidade de espaço poderia ser dada pelo número de pixels especificados nesta propriedade.

a propriedade display também está configurada como ‘bloco-in-line’ de modo que nenhuma quebra de linha é adicionada após o elemento. Isto permite que o espaço para sentar ao lado do texto e outros elementos.,

Syntax:

.tab { display: inline-block; margin-left: 40px;}

Example:

Output: