JSFiddle - React, Tailwind, and code Playground

by MItul Patel

HTML

<ul>
    <li> <a href=''>Share</a> 
    </li>
    <li> <a href=''>Join</a> 
    </li>
    <li> <a href=''>See Safety Tips</a> 
    </li>
    <li> <a href=''>Settings</a> 
    </li>
</ul>

CSS

ul {
    list-style:none;
    padding:10px;
    background:blue;
}
ul li {
    display:inline-block;
}
ul li a {
    color:#fff;
    text-decoration:none;
    display:block;
    padding:3px 10px;
    border-left:1px solid #fff;
}
ul li:first-child a {
    border-left:0px;
}
}