JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li><a href='#'>Pradžia</a></li>
    <li><a href='#'>D.U.K</a></li>
    <li><a href='#'>Taisyklės</a></li>
    <li><a href='#'>Kreditų</br>pirkimas</a></li>
    <li><a href='#'>Naujas</br>turinys</a></li>
    <li><a href='#'>Kontaktai</a></li>
    <li><a href='#' class='nav_quick_launch'>&nbsp;</a></li>
</ul>

CSS

.d_nav ul {
	float: right;
	list-style: none;
	margin-top: -8px;
	margin-right: 17px;
}
.d_nav li {
	font-family: Open Sans;
	font-size: 11pt;
	font-weight: bold;
	text-transform: uppercase;
	vertical-align: middle;
	text-align: center;
	line-height: 1.1;
	color: #656565;
	display: inline-block;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 47px;
	padding-bottom: 40px;
}
.d_nav li:hover {
	color: #ffffff;
	background-color: #38c071;
}
.d_nav ul li a { text-decoration: none; color: inherit; }
.d_nav ul li a:hover { color: #ffffff; }