JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<ul class="list-unstyled">
    <li><a href="#">link 1</a></li>
    <li><a href="#">link 2</a></li>
    <li><a href="#">link 3</a></li>
    <li><a href="#">link 4</a></li>
    <li><a href="#">link 5</a></li>
</ul>

SCSS

ul {
    text-align: center;

    li {
        display: inline-block;
        
        &:before {
            content: '/';
        }
        
        a {
            display: inline-block;
            width: 60px;
            
            text-align: center;
        }
        
        &:first-child {
            &:before {
                content: '';
            }
        }
    }
}