JSFiddle - React, Tailwind, and code Playground

by Fernando Leal

HTML

<ul>
    <li>
        <a href="#" title="Home">home</a>
    </li>
    <li>
        <a href="#" title="Home2">home 2</a>
    </li>
</ul>

CSS

ul > li > a{
    display: block;
    background-color : #ccc;
    text-align: center;
}

ul > li > a:hover::after{    
    content : '-';
}

ul > li > a:hover::before{    
    content : '-';
}