JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
   <li>
       <a>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</a>
   </li>
   <li>
       <a>Aliquam tincidunt mauris eu risus.</a>
   </li>
   <li>
       <a>Vestibulum auctor dapibus neque.</a>
   </li>
</ul>

CSS

li{list-style-type:none;}
li a:before{content:'\00b7'; font-size:100px; line-height:24px; vertical-align:middle;pointer-events: none;}

li:hover {
    background:gray;
}

li a {
    cursor:pointer;
}

JavaScript

$('li').click (function(){alert ('coic')});