JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>
        <a class="link1">hello</a>
        <span></span>
        <a class="link2" href="www.google.com">there</a>
    </li>
</ul>

CSS

.link1
{
    display: inline-block;
}
.link2
{
	display: inline-block;
    overflow: hidden;
}