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

Чтобы сделать пробел между словами в HTML, можно использовать следующие способы:

1. Установите курсор там, куда хотите вставить пробел, а затем нажмите на клавишу «Пробел». В HTML между словами отобразится только один пробел, даже если вы несколько раз нажмете на пробел.
2. Введите  , чтобы добавить дополнительный пробел. Он называется неразрывным пробелом, потому что не позволяет перейти на новую строку. Также можно ввести  , чтобы вставить пробел.

Примеры:

<p>Привет&nbsp;всем</p>

Результат:

<p>Привет&#160;всем</p>

Результат:

3. Вставьте пробелы разной длины. Если вы хотите вставить более длинный пробел, используйте одну из следующих опций:

• Два пробела — введите  
• Четыре пробела — введите  
• Отступ (интервал табуляции) — введите     

Для создания пробела между словами в HTML можно использовать несколько способов:

• Использование символа пробела - простейший способ создания пробела между словами в HTML. Для этого просто добавьте пробел между словами в коде HTML:

<p>Привет, мир!</p>

• Использование символа   - в HTML-коде этот символ представляет собой неразрывный пробел. Он используется в случаях, когда нужно создать пробел между словами, который не может быть разорван переносом строки. Для создания неразрывного пробела между словами в HTML используйте следующий код:

<p>Привет,&nbsp;мир!</p>

• Использование CSS свойства word-spacing - это свойство определяет дополнительное расстояние между словами в тексте. В качестве значения можно использовать любую длину, указывающую на расстояние между словами. Например:

<p style="word-spacing: 10px;">Привет мир!</p>

Браузер склеивает несколько пробелов подряд в один. Чтобы сделать больше одного пробела между словами, используйте неразрывный пробел  :

<p>Имя:&nbsp;&nbsp;&nbsp;Анна</p>

Каждый   — один пробел, который браузер не сожмёт и не перенесёт на новую строку.

Отступ лучше задавать через CSS

Если нужно расстояние между элементами или словами для оформления, используйте CSS — так разметка остаётся чистой:

<p>Цена: <span class="value">990 ₽</span></p>

Расстояние между всеми словами в тексте:

p {
  word-spacing: 8px;
}

Сохранить пробелы как в коде

white-space: pre или тег <pre> показывают все пробелы и переносы строк как в исходном тексте:

<pre>a    b    c</pre>

Пробелы разной ширины

Где нужен  

Неразрывный пробел не даёт разорвать строку там, где это выглядит плохо: 10 000 ₽, г. Москва, т. е.. Число и единица измерения останутся на одной строке.

HTML и CSS разбирают в курсе «Профессиональная вёрстка».