JSFiddle - React, Tailwind, and code Playground

HTML

<div class="top">
	<p class="nameTop">Щегол</p>
	<p class="nameWork">Список избирателей</p>
	<p class="input"><input class="topPage"></p>
</div>

CSS

* {box-sizing: border-box;}
body{margin:0 auto;}
p{margin:0; float: left;}
.top {
	width:100%;
	height:70px;
	background-color:gray;
}
.nameTop {
	color:red;
	font-size:30px;
	background-color:blue;
	width:15%;
	height:100%;
}
.nameWork {
	width:45%;
	height:100%;
	background-color:lime;
	font-size:30px;
}

.input {
  width: 40%;
}

input {width: 100%;}