JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="en">
<head>
	<link rel="stylesheet" type="text/css" href="css/styles.css">
	<meta charset="UTF-8">
	<title>1</title>
</head>
<body>
	<div class="wrapper">
			<div class="navbar">
					<a href="index.html" class="a1"><img src="img/home.png" class="home" alt=""></a>
					<select class="select">
						<option>Москва</option>
						<option>Рязань</option>
					</select>
			</div>
	</div>
</body>
</html>

CSS

/*Default CSS*/
body {
	
}

.wrapper {
	height: 10000px;
	width: 100%;
}

.navbar {
		background-color: #4b72cd;
		width: 100%;
		height: 7%;
		position: fixed;
		margin: -8px -8px;
}

.a1 {
	margin-left: 20%;
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}


.home{
	height: 100%;
}

.select {
	width: 10%;
	background-color: #4b72cd;
	color: #fff;
	border: 0;
	padding: 0;
	margin-left: 30px;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	-webkit-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
 	user-select: none;
}