JSFiddle - React, Tailwind, and code Playground

HTML

<div id="sideLeft">
<ul class="left-menu">
				<li><a href="#">Главная</a></li>
				<li><a href="#">Анонсы</a></li>
				<li><a href="#">Новости</a></li>
				<li><a href="#">Услуги</a>
					<ul class="left-2">
						<li><a href="#">Департамент экспертизы и оценки</a>
							<ul>
								<li><a href="#">Оценка</a></li>
								<li><a href="#">Экспертиза</a></li>
							</ul>
						</li>
						<li><a href="#">Бизнес-образование</a></li>
						<li><a href="#">Издательство и реклама</a></li>
						<li><a href="#">Отдел координации</a></li>
						<li><a href="#">Патентоведение</a></li>
						<li><a href="#">Сертификация</a></li>
						<li><a href="#">Правовой центр</a></li>
						<li><a href="#">Третейский суд</a></li>
						<li><a href="#">ЦДС Меркурий</a></li>
					</ul>
				</li>
				<li><a href="#">Благотворительность</a></li>
				<li><a href="#">Новости законодательства</a></li>
				<li><a href="#">Коммерческие предложения</a></li>
				<li><a href="#">События, экспозиции</a></li>
				<li><a href="#">Вакансии CGGG</a></li>
				<li><a href="#">Вопрос-ответ</a></li>
				<li><a href="#">Реестр надежных партнеров</a></li>
				<li><a href="#">Информация от контрольно-надзорных структур</a></li>
			</ul>
</div>

CSS

#sideLeft {
	width: 238px;
	position: relative;
	background: #f8f8f8;
	border:1px solid #e6e6e6;
	border-radius: 10px;
}
.left-menu {
	padding:3px 10px;
}
.left-menu a:hover{
	background: #d7b56d url(images/left-hover.jpg) repeat-x;
    border-radius:10px;
}
.left-menu li{
	list-style-type:none;
}
.left-menu a{
	font:bold 16px Cuprum;
	color:#000;
	text-decoration:none;
	display:block;
	background: url(http://tppsurgut.ru/templates/palata/images/markermenu.png) no-repeat left;
	padding-left:12px;
	margin-bottom:9px;
}