Показать пустое место в начале текста в HTML

Question

Я сужу свой предыдущий вопрос как;

Я не могу отобразить пробелы в начале текста в HTML?

Например, я хочу использовать как;

<p>    This is a paragraph.</p> //    This is a paragraph. 

Но он ведет себя точно так же;

<p>This is a paragraph.</p> 

Как я могу это сделать?

Answer 1

Вы можете использовать white-space: pre; свойства в CSS, не разрушиться пространства:

p { 
 
    \t white-space: pre; 
 
    \t color: black; 
 
    \t background: pink; 
 
    }

<p>    This is a paragraph.</p>

Answer 2

Если у вас есть пробелы, которые можно использовать  , поэтому код будет выглядеть следующим образом:

<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This is a paragraph.</p> 

Для 5 пространств. Хотя я думаю, что вам может быть лучше всего использовать css, чтобы добавить стиль заполнения/поля, чтобы добиться того, что вам нужно.

EDIT

Отрывок добавлен с использованием метода утеплитель:

p.padded { 
 
    padding:.3em .5em .1em 2em; 
 
}

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum voluptas, culpa, quam, totam ex illum earum cupiditate, odit delectus cum atque dignissimos. Culpa praesentium perspiciatis incidunt pariatur. Doloremque, illum, sequi.</p> 
 

 
<p class="padded">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum voluptas, culpa, quam, totam ex illum earum cupiditate, odit delectus cum atque dignissimos. Culpa praesentium perspiciatis incidunt pariatur. Doloremque, illum, sequi.</p>

Answer 3

Чтобы сделать отступ абзаца, используйте text-indent:1em;

Вы не можете создать пробелы в HTML, как вы показываете, потому что whitespace is always collapsed в одно место в текстовой области.