JSFiddle - React, Tailwind, and code Playground

by Anastasiya Mikulskaya

HTML

<div class="menu"><a href="#">Главная</a><a href="#">Дизайн</a><a href="#">Верстка&nbsp;и&nbsp;кодинг</a><a href="#">pro100design.net</a></div>

CSS

.menu {text-align:justify !important;
width:100%;
background: blue;
margin:20px auto 0;
padding:5px 10px;
height:15px;
overflow:hidden;
}
.menu a {
color:white;
text-decoration:none;
padding-top: 5px;
padding-bottom: 6px;
padding-left: 10px;
padding-right: 10px;
}
.menu a:hover {
text-decoration:underline;
background-color: #69ace3;
}