JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="menu">
    <li><a href="#">Дальше больше</a></li>
    <li><a href="#">Дальше ещё больше</a></li>
    <li><a href="#">Дальше гораздо больше</a></li>
</ul>

CSS

.menu li {
    padding: 0 100% 0 0;
    height: 20px;
    overflow: hidden;
}