css - 如何证明一首诗中的行

我想在行中显示诗歌，以使行的末端对齐，以便强调韵律，如下所示：

<div style='text-align:justify'>
<p>aaaa aaa aaaaaa aa aaa aaaa</p>
<p>aaaa aaa aaaaa aaa aaaa aaaa</p>
<p>aaa aaaa aaaa aaa aaaaa</p>
<p>aa aaaaa aaaa aaaaa aaaaa aaaaa</p>
</div>

但这行不通-很有可能是因为每一行都被视为一个单独的段落。

有任何想法吗？

最佳答案

您可以做的是使用伪元素:after来使p文本不是文本的最后一行，以便正确地对其进行调整：

div {
    text-align: justify;
    background: #EEE;
    width: 200px;
}
div p:after {
    content: '';
    display: inline-block;
    width: 100%;
}

<div>
    <p>Lorem ipsum dolor sit amet</p>
    <p>Ruculis merti asani.</p>
    <p>Tedrima ergi nihil et capet,</p>
    <p>Puritumus lasi ce lani.</p>
</div>