JSFiddle - React, Tailwind, and code Playground

HTML

<p class="center">Центр!</p>
<ul class="menu">
    <li><a href="#">Услуги</a></li>
    <li><a href="#">Цены</a></li>
    <li><a href="#">Контакты</a></li>
    <li><a href="#">О нас</a></li>
</ul>
<ul class="menu shift">
    <li><a href="#">Услуги</a></li>
    <li><a href="#">Цены</a></li>
    <li><a href="#">Контакты</a></li>
    <li><a href="#">О нас</a></li>
</ul>

CSS

.menu {
    margin:0;
    padding:0;
    list-style:none;
    text-align:center;
}
.menu li {
    display:inline;
}
.menu li+li {
    padding-left:15px;
}
.menu li a {
    color:black;
}
.center {text-align:center;}
.shift {padding-left:50px;}