JSFiddle - React, Tailwind, and code Playground

HTML

<div class="footer">
    <div class="footer-nav">
        <ul>
            <li><a href="index.html">Главная</a></li>
            <li><a href="news.html" class="active">Новости</a></li>
            <li><a href="new-projects.html">Новые проекты</a></li>
            <li><a href="catalog-objects.html">Каталог объектов</a></li>
            <li><a href="vnj.html">Вид на жительство</a></li>
            <li><a href="partners">Партнеры</a></li>
            <li><a href="about">О компании</a></li>
            <li><a href="contacts">Контакты</a></li>
        </ul>
    </div>
</div>

CSS

.footer {
    background-color: #555453;
    margin: 0 auto;
    width: 1470px;
}
.footer-nav {
    font-size: 14px;
    text-align: center;
}
.footer-nav ul {
    list-style: none outside none;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}
.footer-nav li {
    display: inline-block;
    margin: 0 41px;
    padding: 34px 0 37px;
}
.footer-nav a {
    color: #FFFFFF;
    display: block;
    font-family: 'arial_narrowregular',sans-serif;
}
.footer-nav a:hover {
    text-decoration: none;
}