JSFiddle - React, Tailwind, and code Playground

HTML

<div class="rside">
				<nav>
					<a href="">Первые блюда</a>
					<a href="">Вторые блюда</a>
					<a href="">Выпечка</a>
					<a href="">Дессерты</a>
					<a href="">Соусы</a>
					<a href="">Салаты</a>
					<a href="">Консервирование</a>
					<a href="">Грибные блюда</a>
				</nav>
			</div>

CSS

.rside{
	background: #f8f8f0;
	width: 290px;
	height: 900px;
	float: right;
}
.nav{	
	width: 270px;
	height: 130px;
	margin-top: 10px;
}
nav a{
	background: #98b743;
	border:1px solid #83963c;
	font:Tahoma; 
	font-size:13px;
	font-weight: bold;
	float: left;
	width: 123px;
	padding: 5px ;
   
}