Как сделать отступ между словами в css

Обычно про наборе текста для формирования пространства между словами используется пробел. Иногда это расстояние необходимо скорректировать. В CSS существует свойство word-spacing положительное значение которого прибавит к текущему пробелу указанное значение, тем самым увеличивая отступ между словами, и отрицательное, соответственно - убавит.

Пример ниже добавит к каждому пробелу дополнительные 15px.

<p>Добавим к словам дополнительный отступ</p>
p {
  word-spacing: 15px;
}
0 0
Аватар пользователя Ivan Gagarinov
Ivan Gagarinov
21 марта 2024

чтобы создать отступ между словами, можно использовать свойство word-spacing:

p {
    word-spacing: 10px; /* Отступ между словами */
}

В этом примере каждый абзац <p> будет иметь отступ между словами в размере 10px. Значение свойства word-spacing устанавливает расстояние между словами в тексте.

Если нужно применить различные отступы между словами в разных частях текста, то можно применить свойство word-spacing к определенным селекторам или элементам:

h1 {
    word-spacing: 5px; /* Отступ между словами в заголовке h1 */
}

h2 {
    word-spacing: 15px; /* Отступ между словами в заголовке h2 */
}
0 0
Познакомьтесь с основами HTML и CSS бесплатно