JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="menu">
    <li>Home<span>Back to home</span></li>
<li>Products</li>
<li>Services</li>
<li>Blog</li>
<li>Contact</li>
</ul>

CSS

ul.menu    {
    list-style: none;
    margin-left: 10px;
    
}
ul.menu li    {
    display: inline-block;
    border-left: 1px dotted #d6d6d6;
    padding: 0 10px 0 10px;
    font: bold 10pt Georgia;
    color: #666666;
    vertical-align: top;
    }
span    {
    color: #b7b7b7;
    font-size: 8pt;
    display:block;
    
}