javascript - 用线分隔文本的HTML代码

Question

我需要在 HTML 或 JavaScript 中的文本之间添加垂直线

我需要的东西的描述正是用这张图片解释的

如何像图中一样在CHECKPOINT和FINAL前添加一行

Answer 1

li {
 line-height:100px;
 width:100px;
 text-align:center;
 display:inline-block;
 border-right:1px solid #ccc;
}
ul li:last-child {
 border-right: 0px;
}

<ul>
  <li>Something</li>
  <li>Something</li>
  <li>Something</li>
  <li>Something</li>
  <li>Something</li>
</ul>