Espaçamento de Letras do CSS

Recuo de texto

text-indent A propriedade é usada para especificar o recuo da primeira linha do texto.

Exemplo

p {
  text-indent: 50px;
}

Experimente pessoalmente

Espaçamento entre letras

letter-spacing A propriedade é usada para especificar o espaçamento entre caracteres no texto.

O exemplo a seguir demonstra como aumentar ou diminuir o espaçamento entre caracteres:

Exemplo

h1 {
  letter-spacing: 3px;
}
h2 {
  letter-spacing: -3px;
}

Experimente pessoalmente

Altura da linha

line-height A propriedade é usada para especificar o espaçamento entre linhas:

Exemplo

p.small {
  line-height: 0.8;
}
p.big {
  line-height: 1.8;
}

Experimente pessoalmente

Espaçamento de palavra

word-spacing A propriedade é usada para especificar o espaçamento entre palavras no texto.

O exemplo a seguir mostra como aumentar ou diminuir o espaçamento entre palavras:

Exemplo

h1 {
  word-spacing: 10px;
}
h2 {
  word-spacing: -5px;
}

Experimente pessoalmente

Espaço em branco

white-space A propriedade especifica o tratamento do espaço branco dentro do elemento.

Este exemplo mostra como desativar a quebra de linha de texto dentro do elemento:

Exemplo

p {
  white-space: nowrap;
}

Experimente pessoalmente