JSFiddle - React, Tailwind, and code Playground

HTML

<div class="header">
		<div class="l_head">
			<img src="img/logo.png">
		</div>
		<div class="r_head">
			<img src="img/fon_menu1.png">
			<div class="top_menu_index">
			<a href="index.html">Главная</a>
			</div>
		</div>
	</div>

CSS

.header{
	height: 100%;
	margin-bottom: 1%;
	width: 100%;
}
.l_head{
	display: inline-block;
	text-align: left;
	float: left;
	height: 30%;
}
.r_head{
	display: inline;
	vertical-align: top;
}
.logo{
}
.top_menu_index{
	display: inline-block;
	position: 
}
.top_menu{
	vertical-align: top;
}