Html css两个元素之间的垂直线 我有两个元素：一个元素和一个元素，在所有的下页中，元素总是相同的，在每个部分中，根据页面的不同，我的内容长度不同，但是我的问题是，在这个部分和另一个之间，我希望在它们中间的中间有一个灰色的垂直线。

如果不提供包括Java脚本在内的任何解决方案，我们将不胜感激

有什么建议吗

编辑：

感谢到目前为止的回复，但我的问题是，我希望行的高度是最长的，例如在我的起始页上，最长的是内容，但在另一个下页上，最长的是旁白，旁白在另一个php文档中，我链接在一起，因为这将始终是相同的内容页面，直到我改变它，很抱歉，这个信息是迟了

左边框如何：1px实心000；对于正确的元素？

请尝试以下操作：

<div class="line" >
Second element
</div>

---

如果你想要一条线，我假设边线的高度在左边，那么边线右边的边框就可以了：

.aside{
    border-right: 1px solid #666;
}

如果线条应为内容的高度，则内容上留下的边框应满足以下要求：

.content{
    border-left: 1px solid #666;
}

如果元素的方向相反，则只需反转使用的边框即可

---

然后，您可能需要添加一些填充，以便文本不会接触到边框，具体取决于您的其他样式和标记。

请发布相关代码和/或提供一个在线示例fyi：是一个容器标记和结束标记。是的，谢谢您的评论

.content{
    border-left: 1px solid #666;
}