JSFiddle - React, Tailwind, and code Playground

HTML

<nav>
    <ul>
        <li><a href="#">Пункт 1</a></li>
        <li><a href="#">Пункт 2</a></li>
        <li><a href="#">Пункт 3</a></li>
    </ul>
</nav>

CSS

nav {
    display: table;
}

nav, ul {
    width: 100%;
}

ul {
    background: -moz-linear-gradient(top,  rgba(206,147,227,1) 0%, rgba(195,138,215,1) 2%, rgba(178,125,196,1) 5%, rgba(175,123,194,1) 7%, rgba(158,109,175,1) 52%, rgba(146,100,162,1) 98%, rgba(255,255,255,0.33) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(206,147,227,1)), color-stop(2%,rgba(195,138,215,1)), color-stop(5%,rgba(178,125,196,1)), color-stop(7%,rgba(175,123,194,1)), color-stop(52%,rgba(158,109,175,1)), color-stop(98%,rgba(146,100,162,1)), color-stop(100%,rgba(255,255,255,0.33))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(206,147,227,1) 0%,rgba(195,138,215,1) 2%,rgba(178,125,196,1) 5%,rgba(175,123,194,1) 7%,rgba(158,109,175,1) 52%,rgba(146,100,162,1) 98%,rgba(255,255,255,0.33) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(206,147,227,1) 0%,rgba(195,138,215,1) 2%,rgba(178,125,196,1) 5%,rgba(175,123,194,1) 7%,rgba(158,109,175,1) 52%,rgba(146,100,162,1) 98%,rgba(255,255,255,0.33) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(206,147,227,1) 0%,rgba(195,138,215,1) 2%,rgba(178,125,196,1) 5%,rgba(175,123,194,1) 7%,rgba(158,109,175,1) 52%,rgba(146,100,162,1) 98%,rgba(255,255,255,0.33) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(206,147,227,1) 0%,rgba(195,138,215,1) 2%,rgba(178,125,196,1) 5%,rgba(175,123,194,1) 7%,rgba(158,109,175,1) 52%,rgba(146,100,162,1) 98%,rgba(255,255,255,0.33) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce93e3', endColorstr='#54ffffff',GradientType=0 ); /* IE6-9 */
	height: 41px;
    display: table-row;
}
li {
    display: table-cell;
	list-style: none;
	line-height: 40px;
}
li {
    border-right: 1px solid red;
}
a {
    font-family: Century;
	font-size: 19px;
	color: #fff;
    text-decoration: none;
	padding: 0 30px;
	text-align: center;
    border-right: 1px solid #fff;
   ...