JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
  <li><span>something</span></li>
  <li><span>something else</span></li>
  <li><span>something else again</span></li>
</ul>

CSS

li{
	padding: 10px 4px 10px 7px;
  margin-top: 3px;
	margin-bottom: 3px;
	list-style: none;

}
li + li {
	border-top: 1px solid #eff0f1;
}
li span:hover{
	background-color: #f7f8f8;
}
li span{
  display:block;
  margin:2px;
}