用于将文本与行分隔开的HTML代码

Question

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

我需要用这张照片完全解释的描述

如何在CHECKPOINT和FINAL之前添加一行，就像在pic

中一样

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>

Answer 2

li{
border:0px solid #ddd;
border-right:2px solid #ddd;
}
ul li:last-child{
border:0;

HTML

<ul type=none>
<li> menu1</li>
<li>menu2</li>
</ul>

fiddle