JSFiddle - React, Tailwind, and code Playground

by Alex83

HTML

<div id="menu">
    <ul class="top-menu">
        <li><a href="">Главная</a>
        </li>
        <li><a href="">Общение</a>
        </li>
        <li><a href="">Файлы</a>
        </li>
        <li><a href="">Новости</a>
        </li>
        <li><a href="">Биография</a>
        </li>
    </ul>
</div>

CSS

#menu{
    width: 100 % ;
    height: 40px;
    text-align: center;
}

#menu .top-menu{
    display: inline-block;/*Вот то, что Вам нужно*/
}
/*либо*/
#menu ul{
    margin: 0 auto;
    padding: 0;
}
#menu li{
    width: 150px;
    height: 40px;
    line-height: 40px;
    float: left;
}