JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
            <li>
                <a href="#">Ссылка 1</a>
            </li>
            <li>
                <a href="#">Ссылка 2</a>
            </li>
            <li>
                <a href="#">Ссылка 3</a>
            </li>
            <li class="last-child" >
                <a href="#">Ссылка 4</a>
            </li>
        </ul>

CSS

ul {
                overflow: hidden;
                margin: 0;
                padding: 0;
                list-style: none;
            }
            ul li {
                float: left;
                padding: 5px 20px 5px 0;
                border: 1px solid gray;
            }
            ul .last-child {
                padding-right: 0;
            }