CSSでヘッダーリストに「｜」線を入れる

ヘッダーリストの項目の間に縦線を入れる方法
scssを使用した場合を想定しています。

&+li::before {
  content: "";
  border-right: 1px solid #FFFFFF;
  position: absolute;
  display: block;
  top: 50%;
  height: 14px;
  margin-top: -7px;

li要素の疑似要素として、beforeを使う。
絶対配置として、position: absolute;を使い配置する。
最後は、margin-top: -7px;で中央寄せ

もしくは、

+li {
border-left:1px sorid #ffffff；
}

で対応する。