JSFiddle - React, Tailwind, and code Playground

HTML

<nav>
                <ul>
                    <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>
            </nav>

CSS

nav {
    float: right;
    width: 820px;
    height: 390px;
    background: none repeat scroll 0 0 #4e5b61;
    -webkit-box-shadow: 0px 4px 0px 0px rgba(131, 141, 149, 0.8);
    -moz-box-shadow: 0px 4px 0px 0px rgba(131, 141, 149, 0.8);
    box-shadow: 0px 4px 0px 0px rgba(131, 141, 149, 0.8);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 20px 0 0 0;
}

nav ul {
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0;
}

nav ul li {
    /*float: left;*/
}

nav ul li a {
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    font-family: "Myriad Pro";
    line-height: 38px;
}

nav ul li a:hover {
    color: #ccc;
}





nav {
    display: table;
    float: right;
    position: relative;
}

nav ul {
    display: table-row;
}

nav ul li {
    display: table-cell;
    position: relative;
    vertical-align: middle;
    text-align: center;
}