Html 在css3中按对角线对齐文本

我想根据css3中的一条对角线（带有一些填充，透明的红线是一个指示符）来证明我的内容，问题是（在图像中）灰色的对角线在body元素上，所以我需要在文本中“浮动”某种div并沿对角线旋转它？但这不可能是有反应的吗

我不仅仅局限于css3，我可以完全更改html、css和javascript

（但我不想把文章的角度当作答案）

body:after{
位置：绝对位置；
排名：0；
右：0；
内容：“；
边框顶部：1500px实心#F7F7；
右边框：0px实心#F7F7；
左边框：85vh实心透明；
z指数：-1；
}

拉弗尔·费雷尔·纳姆和苏特·多洛雷斯·基布斯丹。绝对不可选择地违反法律。临时的，临时的。我不知道你是怎么做的。小阿利奎姆·诺比斯·乌斯托。在maiores的地方，我们需要一个新的地方。
莫莱斯蒂自由女神。错误中，准iure voluptate qui est harum eos。这是一个合理的解释。真正的发明家拥有一切。这是一种特殊的生活方式。
脸上的皱纹和痣阻碍了它的存在。请把它放进去。他是一个无所不能的人。别名adipisci ducimus rem dolores iusto ad veniam rerum

您可以在另一个元素上使用属性shape out，该属性将使文本远离区域集

在本例中，我将此元素的背景设置为与形状相同，只是为了更容易看到效果

body:after{
位置：绝对位置；
排名：0；
右：0；
内容：“；
边框顶部：1500px实心#F7F7；
右边框：0px实心#F7F7；
左边框：85vh实心透明；
z指数：-1；
}
.垫片{
浮动：对；
宽度：60%；
高度：300px；
背景：线性梯度（右上角，透明50%，番茄50%）；
外部形状：多边形（100%0%，100%100%，0%）；
}

拉弗尔·费雷尔·纳姆和苏特·多洛雷斯·基布斯丹。绝对不可选择地违反法律。临时的，临时的。我不知道你是怎么做的。小阿利奎姆·诺比斯·乌斯托。在maiores的地方，我们需要一个新的地方。
莫莱斯蒂自由女神。错误中，准iure voluptate qui est harum eos。这是一个合理的解释。维罗发明了一个新的概念。这是一种特殊的生活方式。
脸上的皱纹和痣阻碍了它的存在。请把它放进去。他是一个无所不能的人。别名adipisci ducimus rem dolores iusto ad veniam rerum

在哪一点上，您链接的答案与您的问题无效？请详细说明区别…@Daniel链接问题中的答案使用空格作为前缀，而不是后缀，而且它也不起作用，因为灰色背景线独立于文本，因此正文在文本下方“浮动”