使用 CSS 从段落的第二行开始缩进

Question

如何从段落的第二行开始缩进？

我试过了

p {
    text-indent: 200px;
}
p:first-line {
    text-indent: 0;
}

和

p {
    margin-left: 200px;
}
p:first-line {
    margin-left: 0;
}

和

(with position:relative;)
p {
    left: 200px;
}
p:first-line {
    left: 0;
}

原文由 Reuben 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

它实际上只是您要缩进的第二行，还是 来自 第二行（即 悬挂缩进）？

如果是后者，则类似于此 JSFiddle 的内容将是合适的。

     div {
        padding-left: 1.5em;
        text-indent:-1.5em;
    }

    span {
        padding-left: 1.5em;
        text-indent:-1.5em;
    }

 <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</div>

<span>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</span>

此示例显示如何在 DIV 或 SPAN 中使用相同的 CSS 语法产生不同的效果。

原文由 redditor 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

这对我有用：

 p { margin-left: -2em;
 text-indent: 2em
 }

原文由 xoandre 发布，翻译遵循 CC BY-SA 3.0 许可协议