如何缩进段落中除第一行之外的所有文本？

Question

这是一个示例小提琴。

我想要做的是在第一行之后缩进所有内容。

现在它看起来像：

Categories: Aperiri 
nostrum similique cu 
pro, maiorum delectus 
quo eu. Mentitum

我试图让它看起来像：

Categories: Aperiri 
  nostrum similique cu 
  pro, maiorum delectus 
  quo eu. Mentitum

我试过添加到 css：

display: block;
margin: 2px;

但这搞砸了我的文字换行。

如何在 css 中的第一行之后进行内联显示和缩进？

Answer 1

您可以使用负值的text-indent属性并用左边距补偿它。

例如：

.negative-indent {
    margin-left: 40px;
    text-indent: -40px;
}

text-indent属性参考： MDN

Answer 2

使用:first-line和text-indent标签。 将整个文本放在一个块（div 或段落）中。 缩进所有行，然后将第一行设置为text-indent = 0

例子：

p { text-indent: -10px }
p:first-line { text-indent: 0 }

Answer 3

这个怎么样：

.hClass p{
    padding-left: 20px;
}


.iClass{
    font-style: oblinque;
    color: rgb(136, 136, 136);
    font-family: Arial,Liberation Sans,DejaVu Sans,sans-serif;
    margin-left: -20px;
}

见： http : //jsfiddle.net/gVJK8/5/

Answer 4

我有同样的问题。 到目前为止，当段落中存在复杂的布局（例如表格）时，此处发布的答案给了我一个糟糕的结果（字母相互重叠）。

经过多次尝试，我发现以下内容与这些无关。

text-indent: 0.5em hanging;

只在 Chrome 中尝试过。

Answer 5

我发现最好使用这样的简单解决方案：

p:nth-child(n+2){text-indent: 3px;}