JSFiddle - React, Tailwind, and code Playground

by Denis Ineshin

HTML

<ul>
    <li>Вася</li>
    <li>Петя</li>
    <li>Саша</li>
    <li>Маша</li>
</ul>

<ul class="menu">
    <li>Вася</li>
    <li>Петя</li>
    <li>Саша</li>
    <li>Маша</li>
</ul>

CSS

.menu {
    position: absolute;
    top: 0; right: 0;
    
    display: table;
    background: #000;
    border-radius: 10px;
    padding: 0;
}
.menu li {
    display: table-cell;
    list-style-type: none;
    color: #fff;
    padding: 5px 10px;
}