.wrapper {
    text-align: center;
    margin: 40px auto;
    width: 100%;
    font: 200 14px/1.5 Helvetica, Verdana, sans-serif;
    color: 000;
}


.wrapper > main > ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
   
.wrapper > main > ul > li {
    display: inline-block;
    list-style: none;
    border-right: 1px solid #333;
    padding: 0 10px;
}
   
.wrapper > main > ul > li:last-child {
    border: none;
}
   
.wrapper > main > ul > li > a {
    color: teal;
    text-decoration: none;
}
   
.wrapper > main > ul > li > a:hover {
    text-decoration: underline;
}