CSS: How to create vertical hyphens between menu items?

#main .menu-item:not(:last-child) a {
   border-right: 1px solid #ededed;
   padding:5px 10px 5px 5px;
}
#main .menu-item:last-child a {
   padding:5px 3px 5px 5px;
}