如何縮進HTML標簽內容

Question

也許這是一個太基本的問題。

<p>A long text here A long text here A long text here A long text here A long text here A long text here A long text here A long text here </p>

是否可以編寫類似以下內容的內容：

<p>A long text here A long text here A long text here 
  A long text here ...
  ...
</p>

另外，幫我標記這個問題。

Answer 1

好了，段落標記刪除了前導空格，並忽略了輸入換行符。

實現所需目標的一種方法是使用<pre>格式化標簽<pre> ，該標簽返回的結果與其基本文本相同（帶有空格，中斷等）。 另一種方法是嘗試以最能代表用戶的方式使用CSS進行樣式設置（寬度，文本縮進等） 。

Answer 2

所有其他答案都包含一些事實，這是使用CSS的另一種方法：
http://jsfiddle.net/Volker_E/p3pgz/

只需包括：

p {
   white-space: pre;
}

這樣可以確保按照HTML編輯器的要求輸出空格和換行符。 MDN的空白屬性描述 。

Answer 3

您可以簡單地使用

<br/> tag within the <p> tag for getting the required indentation.. something like <p>A long text here A long text here A long text here <br/> A long text here A long text here A long text here </p>

Answer 4

您可以使用  幾次，或使用CSS：

p {
    text-indent:-20px;
    padding-left:20px;
}

小提琴