JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="list">
    <li>
    <a href="#">
        <span>Uncategorized</span>
        <span class="count">82,359</span>
    </a>
    </li>
</ul>

CSS

ul{
    list-style-type: none;
    font-family: arial;
    font-size: 17px;
}
a{
    text-decoration: none;
    color: #000;
    max-width: 300px;
}
ul.list li{
  max-width: 300px;
}
li span + span:before{
    content: "......................................................................................................................................................................................";
    white-space: nowrap;
    background-color: green;
    overflow: hidden;
}