JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
</style>
</head>
<body>
    <nav>
        <a href="#">О нас</a> |
        <a href="#">История</a> |
        <a href="#">Документы</a> |
        <a href="#">Экспедиции</a> |
        <a href="#">Галерея</a> |
        <a href="#">Контактная информация</a>
    </nav>
</body>
</html>

CSS

nav{
    color: #efe;
    background-color: #346699;
    border-top:4px solid #3D91C0;
    width: 1000px;
    height:32px;
    text-align: justify;
}

a{
    display: inline-block;
    color: #efe;
    padding: 6px 35px;
    margin:0;
    text-decoration: none;
    font-family: Arial, sans-serif;
}
nav:after{
    content: "";
    display: inline-block;
    width:100%;
}

a:hover{
    background-color: #FfF;
    color: #3E6584
}