CSS Menü Basit Soru

Selamlar,

Aşağıda belirttiğim menü yapısında, her bir li etiketinin arasına dik çizgi koymak istiyorum her birinin ayrı olduğunu ifade edebilmek için. Nasıl yapabilirim ?




Örneğin

li'lere position: relative verip aşağıdaki kodu kullanabilirsin.

li:before {
    position: absolute;
    top: 50%;
    content: "";
    left: 0;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 1px;
    height: 25px;
    background-color: #e5e5e5
}

border

li::before {
background-color: black;
height: 15px;
width: 1px;
}
Şunu deneyin hocam

Son eleman hariç her birine border-right özelliği verebilirsiniz.