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>
                <a href="#">Ссылка 4</a>
            </li>
</ul>

CSS

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