JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li><a href="">12345</a><span></span></li>
    <li><a href="">1234567890</a><span></span></li>
    <li><a href="">123</a><span>тут видно бэк, но ширина = контенту</span></li>
</ul>

CSS

li {
    width: 400px;
    height: 40px;
    list-style: none;
    border-bottom: 1px solid #fff; 
}
a {
    display:block;
    float: left;
    line-height: 40px;
    background-color: #D8D8D8;
    padding: 0 10px;
}
span {
    display: block;
    line-height: 40px;
    height: 40px;
    background-color: #4A90E2;
    padding: 0 10px;
}