在没有表的情况下实现vr和list元素的简单方法？

Question

我使用HTML编辑和格式化了许多冗长的文本文档。我经常需要编辑包含5或10个或更多段落的元素的列表，这是读者看到下一个列表元素以提醒他们正在阅读列出的信息之前的一段很长的时间（我希望这是有道理的）。

无论如何，我想知道是否有一种比使用表更简单的方法来生成一个vr（垂直规则），它从<li>标记之后的下一行开始，并与多个段落一起运行直到结束{{1}到达标签，向读者发出信号，表明他们仍在阅读属于列表的信息/细节。

Answer 1

您可以添加以下内容：

.vrc{border-left:3px coral solid;}
.vrt{border-left:6px white solid;}

在您的<style>代码之间，然后您可以实现以下列表元素：

<li class="vrc"><div class="vrt">

.vrt css def。在文本和垂直方向垂直条之间添加一点缓冲区。改变px金额以适合您的prefs。或者根本不要完全删除它。

请确保您的结束</li>代码位于list元素中最后一个段落的结束</p>标记之后。