JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
<li><a href="#">123<div class="qc"></div></a><br><a href="#">123<div class="qc"></div></a></li>
</ul>

CSS

ul{
border:1px black solid;
}
ul li{
	display:inline;
  background-color: green;
}
ul a{
	display:inline-block;
	width:200px;
	position:relative;
	overflow:hidden;
}
.qc{
	position:absolute;
	top:0;
	left:0;
	width:100px;
	height:100%;
	background:red;
}