如何缩进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>，它返回与其基本文本相同的结果（带空格，中断等）。另一种方法是尝试使用CSS （宽度，文本缩进等）进行样式设置，使其最能代表用户。

Answer 2

所有其他答案都包含一些事实，这是使用CSS的不同方法：
http://jsfiddle.net/Volker_E/p3pgz/

只需包括：

p {
   white-space: pre;
}

这确保了HTML编辑器中输出的空格和换行符的输出。 White-Space property description at 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;
}

Fiddle