在HTML中，要表示纵向线条，我们通常会使用一些特定的HTML元素和CSS样式来实现，以下是几种创建纵向线条的方法。
1、使用<hr>标签：
<hr>标签是HTML中用于创建水平分割线的标签，但是通过CSS样式，我们可以将其旋转90度，从而创建纵向线条，下面是一个例子：
<!DOCTYPE html>
<html>
<head>
<style>
.vertical-line {
border-left: 2px solid black;
height: 100px; /* 根据需要调整高度 */
margin-left: 10px; /* 根据需要调整位置 */
}
</style>
</head>
<body>
<p>这是一段文本。</p>
<div class="vertical-line"></div>
<p>这是另一段文本。</p>
</body>
</html>
在这个例子中，我们创建了一个名为.vertical-line的CSS类，它设置了元素的左边框为黑色实线，并且设置了高度，这样，<hr>标签就会显示为一个纵向线条。
2、使用<div>元素和CSS：
我们也可以直接使用<div>元素，并应用CSS样式来创建纵向线条，这种方法更加灵活，可以自定义线条的颜色、宽度和位置。
<!DOCTYPE html>
<html>
<head>
<style>
.vertical-line {
width: 2px; /* 线条宽度 */
height: 200px; /* 线条高度 */
background-color: black; /* 线条颜色 */
margin-left: 10px; /* 线条距离左侧的距离 */
}
</style>
</head>
<body>
<p>这是一段文本。</p>
<div class="vertical-line"></div>
<p>这是另一段文本。</p>
</body>
</html>
在这个例子中，我们创建了一个名为.vertical-line的CSS类，它设置了<div>元素的宽度、高度和背景颜色，这样，<div>元素就会显示为一个纵向线条。
3、使用CSS伪元素：
我们还可以使用CSS伪元素来创建纵向线条，这种方法不需要额外的HTML元素，可以直接在文本内容上添加线条。
<!DOCTYPE html>
<html>
<head>
<style>
p::before {
content: '';
width: 2px;
height: 100%;
background-color: black;
position: absolute;
left: -10px; /* 根据需要调整位置 */
}
</style>
</head>
<body>
<p>这是一段文本，旁边有一条纵向线条。</p>
</body>
</html>
在这个例子中，我们使用p::before伪元素在每个段落前创建了一个纵向线条，通过设置content属性，我们可以在元素内容之前添加内容，即使该元素本身没有内容，我们设置了伪元素的宽度、高度、背景颜色和位置。
以上就是在HTML中创建纵向线条的几种方法，你可以根据自己的需求选择合适的方法，并调整样式以适应你的网页设计。