Leerzeichen am Anfang eines Textes in HTML anzeigen

Question

Ich beschränke meine vorherige Frage als;

Ich kann keine Leerzeichen am Anfang des Textes in HTML anzeigen?

Zum Beispiel möchte ich als verwenden;

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

Aber es verhält sich genau wie;

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

Wie kann ich das tun?

Answer 1

Sie white-space: pre; Eigenschaft in CSS verwenden können, die nicht kollabiert Plätze:

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

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

Answer 2

Wenn Sie Leerzeichen haben, können Sie   verwenden, so würde Code wie folgt aussehen:

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

Für 5 Räume. Obwohl ich denke, dass Sie am besten CSS verwenden, um Padding/Margin-Styling hinzuzufügen, um das zu erreichen, wonach Sie suchen.

EDIT

Snippet hinzugefügt unter Verwendung von padding-Methode:

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

Um einen Absatz einzurücken, verwendet text-indent:1em;

Sie können keine Leerzeichen in HTML erstellen, wie Sie da whitespace is always collapsed einen Raum in einem Textbereich zeigen.