如何创建一个倾斜的多行段落（HTML CSS）？

Question

我需要创建一个多行斜段，因为在每一行中逐渐缩进，以便段落的左边缘将创建一条斜线（而不是完全垂直的一条）。

一个非常笨拙的尝试就是这样（但我想知道是否有更优雅的解决方案）：

<p style="font-style: oblique;">
&nbsp;&nbsp;&nbsp;This is an oblique paragraph.<br />
&nbsp;&nbsp;This paragraph continues.<br />
&nbsp;This paragraph continues.<br />
This paragraph continues...</p>

结果如下：

这是一段倾斜。
本段继续。
本段继续。
本段继续......

谢谢！ ......甚至更好：谢谢！：）

Answer 1

如何使用skew()

＆＃13;

＆＃13;

p {
  transform: skewX(-20deg);
  padding: 40px;
}

＆＃13;

<p>
  Some text <br>
  Some text <br>
  Some text <br>
  Some text <br>
</p>

＆＃13;

＆＃13;

＆＃13;

此处无需解释，我只是使用skew将p文字向-20deg倾斜，如果您想在文本中倾斜文字，可以执行20deg相反的方向。