Html 如何对齐未对齐的文本'；在CSS中，第一行不能像在诗歌中那样右对齐？

我正在给我的网站添加一些诗歌。问题是，当屏幕变小时，诗行就会中断。我想展示诗集中断行后出现的部分，当诗句与页宽不符时。下面是一个例子：

The quick brown fox jumps over the
                           lazy dog

第一行与左对齐，第二行与右对齐。（当然，这只会发生在小屏幕上。）

有没有可以重复执行的方法？这不是一次性的事情；我正在尝试创建一个包含类的标准。

这里有一个选择第一行文本的方法，您可以在这里使用：

：：第一行

更新：尽管选择器在所有主要浏览器中都受支持，但似乎有几种浏览器不允许将

文本对齐

应用于此选择器。因此，这不是一个可靠的跨浏览器解决方案（尚未？），我将把它留在这里，以防它对任何人有用或在将来变得有效

#包装器{
显示：块；
宽度：350px；
高度：自动；
边框：1px实心#000；
}
#包装跨度{
显示：块；
文本对齐：右对齐；
}
#包装器span：：第一行{
文本对齐：左对齐；
}

Lorem ipsum dolor sit amet，是一位杰出的献身者。
但是，我们必须尽可能少地进行练习。
在沃鲁帕特·维利特·埃塞的《雷德亨德雷特》中，两人或两人的关系十分紧张。

使用

文本最后对齐

.box{
宽度：350px；
边框：1px实心#000；
调整大小：水平；
溢出：自动；
}
.方框*{
/*文本对齐：justify；取消对其注释以查看justify效果，也不错*/
文本最后对齐：右对齐；
显示：内联块；
}

Lorem ipsum dolor sit amet，是一位杰出的领导者。

但是，我们必须尽可能少地进行练习。

这是一个很好的答案。看到这个答案，我真的很高兴（令人惊讶）。不过，我会在标准跨距中添加一个

padding right:1rem

，就像在教科书和OP发布的示例中一样，溢出行与原始行的末尾有一点偏移。（这也可以用负边距等）嗯-Mac上的快速浏览器测试：这在Chrome和Opera中有效，但在Firefox和Safari中无效…@Johannes Damn，你是对的，似乎尽管

：：第一线
到处都受支持，你可以应用到它的规则因浏览器而异。它在Firefox 82上对我有效（在linux上，但不是在Mac上）。在Firefox 82.0.2 linux（XFCE，Manjaro）上不适用于我。如果没有大的断行，这将正确对齐整个文档。这就是我所要求的，谢谢。它工作得很好。