如何在 HTML 中制作垂直线

Question

如何使用 HTML 制作垂直线？

原文由 Gopal 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

在标记周围放置一个 <div> ，然后使用 CSS 设置样式：

 .verticalLine {
  border-left: thick solid #ff0000;
}

 <div class="verticalLine">
  some other content
</div>

原文由 Kris van der Mast 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

您可以使用水平线标记来创建垂直线。

 <hr width="1" size="500" style="0 auto" />

通过使用最小宽度和大尺寸，水平线变成垂直线。

原文由 Anthony 发布，翻译遵循 CC BY-SA 4.0 许可协议