ナビゲーションバーの右に線を入れる方法

Question

ナビゲーションバーの作成をしているのですが、
お問い合わせの後にどのようにすれば線を入れられるかわからず
質問しました。
調べてみましたがいまいちわかりませんでした。
ご回答宜しくお願いします。

 <!--ナビゲーションバーの作成-->
            <div class="nav-header wrapper">

                <ul class="sab-nav">
                    <li><a href="bare.html">ホーム</a></li>
                    <li><a href="#">講師プロフィール</a></li>
                    <li><a href="#">アクセス</a></li>
                    <li><a href="#">お問い合わせ</a></li>
                </ul>

/*ナビゲーションバーの作成*/
.sab-nav {
  display:flex;
  justify-content: space-between;
 
}
/*ナビゲーションバーの要素を離す*/
.sab-nav li {
  list-style-type: none;
  background-color: white;
  color: #000;
  flex-grow:1;
  text-align: center;
 
}

.sab-nav li {
  border-left: 1px solid #000;
}

Answer 1

こちらを追加するといかがでしょうか?

.sab-nav li:last-child {
  border-right: 1px solid #000;
}

Comments

[takochi]

ご回答頂きありがとうございます！
仕事終わり次第確認してみます。

[takochi]

できました。
ありがとうございます。