如何将诗歌与参考

Question

在Stack Overflow中搜索帮助我得到了一个答案，用于对齐所有和最后一行的诗歌。使用以下CSS代码，它可以完美地对齐最后一个字形。那些可能不知道的人，在梵文末行的单行和双行垂直线相当于英文句号。在梵语诗歌中，单行和双行（句号）也表示他们的叙述方式，因此这些对齐对于读者来说非常重要。

这是帮助我调整梵文诗歌线条的CSS代码。 （使用Divi Code模块）。

.et_pb_code {
    font-family: Sanskrit;
    text-align: justify;
    font-size: 20px;
    color: #3C268C;
    font-weight: bold;
    padding-bottom: 0.1em;
    max-width: 100%;
}

.et_pb_code:after {
    content: '';
    display: inline-block;
    width: 100%;
    padding-bottom: 1px;
}

Here is the example of the poetry in Sanskrit and giving the reference in small sized but different font.

问题是：如何将诗歌的最后一条参考线与诗歌的右侧对齐，而不是如第一张图片所示，在页面的最右侧对齐？

如果通过CSS有一种方法可以正确对齐诗歌行结束的参考，我将非常高兴。

I hope to achieve the results as per the picture link but haven't been able to do so.

注意：我使用文本框在Word 2016中格式化了所需的结果（第二张图片）以右对齐参考线。然后，我尝试导出为已过滤的HTML，以查看Word将如何处理此问题。但它将文本框保存为图像，这不是我想要的。必须有一些我正在寻找技巧的CSS解决方案。