Odległość między literami CSS

wcięcie tekstu

text-indent Atrybut określa wcięcie pierwszej linii tekstu:

Przykład

p {
  text-indent: 50px;
}

Spróbuj Sam

odległość między literami

letter-spacing Atrybut określa odległość między literami w tekście.

Poniżej znajduje się przykład, jak zwiększyć lub zmniejszyć odległość między literami:

Przykład

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

Spróbuj Sam

Wysokość wiersza

line-height Atrybut określa odstęp między wierszami:

Przykład

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

Spróbuj Sam

Odstęp między słowami

word-spacing Atrybut określa odstęp między słowami w tekście.

Następny przykład pokazuje, jak zwiększyć lub zmniejszyć odstęp między słowami:

Przykład

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

Spróbuj Sam

Białe przestrzenie

white-space Atrybut określa sposób traktowania białych przestrzeni wewnątrz elementu.

Ten przykład pokazuje, jak wyłączyć wstawianie tekstu wewnątrz elementu:

Przykład

p {
  white-space: nowrap;
}

Spróbuj Sam