我想写一个网站，你可以在其中阅读诗歌，左边是原文，右边是翻译。我有这样的代码
<body>
<div class="container">
<div class="text" id="left-text">
<p>
some text on the left
</p>
<p>
some text on the left
</p>
<p>
some text on the left
</p>
</div>
<div class="text" id="right-text">
<p>
some text on the right
</p>
<p>
some text on the right
</p>
<p>
some text on the right
</p>
</div>
</div>
</body>
然而，翻译中的文本可能比原始文本长（反之亦然），因此失去了同步性：左侧的文本与右侧的文本不对应。如何保证<p>左右段落始终在同一水平线上？据我了解，在这种情况下使用表格方法不符合 html 规范，因为诗歌本质上不是表格数据。