html - 当响应时将行断成 2 行(或更多)时，如何自动缩进文本？

Question

我有一个简单的案例，我有这样的问题:

1) 这是一篇很长的文章，我不想把所有的东西都写在这里 blah blah

现在当我开始降低屏幕的分辨率时，我希望它像这样中断:

1) 这是一篇很长的文字，我没有

  want to write everything here blah blah

(第二行向右缩进一点)

而不是普通的:

1) 这是一篇很长的文字，我没有

什么都想写在这里 blah blah

(完全不缩进)

非常重要的一点，我不知道问题的长度是多少，它是动态的...

Answer 1

您可以尝试以下方法:

p {
  text-indent: -1em;
  padding-left: 1em;
}

padding-left 导致整个段落缩进，而否定的 text-indent 在第一行工作，将其移回初始起点.

查看此 JS Fiddle