JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="main">
    <li>Пункт списка</li>
    <li>Пункт списка Пункт списка</li>
    <li>Пункт списка Пункт списка Пункт списка</li>
    <li>Пункт списка Пункт списка Пункт списка Пункт списка</li>
</ul>

CSS

li {
    margin: 0 100% 0 0;
    display: block;
    cursor: pointer;
    white-space: nowrap;
}

li:hover {
    color: red;
}