JSFiddle - React, Tailwind, and code Playground

by Kocsten

HTML

<nav class="zornet_ru_rasungan">
  <ul>
    <li><a href="http://zornet.ru/">ZorNet.Ru</a></li>
    <li><a href="http://zornet.ru/load/142">Шаблоны uCoz</a></li>
    <li><a href="http://zornet.ru/load/81">Скрипты uCoz</a></li>
    <li><a href="http://zornet.ru/load/84">Меню сайта</a></li>
  </ul>
</nav>

CSS

.zornet_ru_rasungan ul {
  font: bold 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}
.zornet_ru_rasungan li {
  display: inline-block;
}
.zornet_ru_rasungan a {
    background: #395870;
    background: linear-gradient(#426b8c, #2a3c4a);
    border-right: 1px solid rgba(10, 10, 10, 0.3);
    color: #efeded;
    padding: 12px 20px;
    text-decoration: none;
}
.zornet_ru_rasungan a:hover {
    background: #2f4556;
    box-shadow: inset 0 0 10px 1px rgba(16, 15, 15, 0.26);
}
.zornet_ru_rasungan li:first-child a {
  border-radius: 4px 0 0 4px;
}
.zornet_ru_rasungan li:last-child a {
  border-right: 0;
  border-radius: 0 4px 4px 0;
}