html - Nav divider how do I have them display in CSS -

enter link description here

can tell me how make dividers menu ?

something like

ul{      padding-left: 0;      list-style: none;      background: #000;      text-align: center;      padding: 5px 0;  }  ul > li{      display: inline-block;      vertical-align: top;      border-right: 1px solid #fff;  }  ul > li:first-child{      border-left: 1px solid #fff;  }  ul > li a{      display: block;      color: #fff;      text-decoration: none;      padding: 5px;  }

<nav>      <ul>          <li><a href="#">menu</a></li>          <li><a href="#">menu</a></li>          <li><a href="#">menu</a></li>          <li><a href="#">menu</a></li>      </ul>  </nav>