JSFiddle - React, Tailwind, and code Playground

HTML

<div>
		<ul>
			<li class="current">Главная</li>
			<li>Форумы</li>
			<li>Пользователи</li>
			<li>Награды</li>
			<li>Выход</li>
		</ul>
	</div>

CSS

body{
background: #f8e3c7;
}

div, ul li{
    display:inline-block;
    zoom:1; /*ie7*/
    *display:inline;/*ie7*/    
}

div{
    margin-top:10px;
    padding:0 10px 0 50px;
    background: #68acb3;
}

ul li{
     padding: 10px 8px;
     color: #aff7ff;
     text-transform:uppercase;
     text-decoration:underline;
     font-weight:bold;
     font-family: sans-serif;
     font-size: 14px;
}

.current, ul li:hover{
    color: #fff;
    text-decoration:none;
    cursor: pointer;
}