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

Рассмотрим три способа, чтобы сделать дополнительные пробелы в HTML:

1. Использование тега «pre». Смысл в том, что нужно заключить абзац текста между открывающим и закрывающим тегом «pre» и все сделанные пробелы останутся на своих местах.

<pre><p>Какой-то текст<p></pre>

2. Использование специальной сущности, которая просто заменяет символ пробела.

 

3. Использование соответствующего стиля CSS. Данный способ самый быстрый и простой. Его хорошо использовать когда требуется добавлять на странице много подряд идущих пробелов.

p {white-space: pre;}

Таким образом, если текст содержит много пробелов в разных местах, то лучше использовать тег «pre». Если нужно где-то в одном месте поставить сразу несколько пробелов, то хорошо подойдет второй способ. Когда много отступов или пробелов, то лучше использовать свойство «white-space» со значением «pre».