JSFiddle - React, Tailwind, and code Playground

HTML

<div class="header-search">
	<div class="header-title">
	<span style="padding-top: 33px; display: block; font-family: Tahoma;font-weight: bold; font-size: 48px; color: #ff8400;">MOBI<span style="font-weight: bold;font-family: Tahoma; font-size: 48px; color: #9c9c9c;">SHOP</span></span>
	<p style="display:inline-block; padding-top: 15px; padding-left: 3px; font-family: Tahoma Regular; font-size: 12px; color: #cdcdcd; text-transform: uppercase;">интернет-магазин мобильной электроники</p>
	<a href="#" style="padding-left: 10px; text-decoration: none; color: #4e7aa9; font-family: Tahoma Regular; font-size:12px;">Регистрация</a> <a href="#" style="padding-left: 10px; text-decoration: none; color: #4e7aa9; font-family: Tahoma Regular; font-size:12px;">Вход</a>
	</div>
	
	<div class="block-search">
	<form class="form-wrapper cf">
	    <input type="text" placeholder="Введите здесь слово, которое нужно найти..." required>
	    <button type="submit">Искать</button>
	</form>
	</div>

	</div>

CSS

.header-search{
width: 100%;
height: 104px;
background: url("img/1.jpg") repeat-x;
}
.header-title{
width: 455px;
height: 90px;
border: 1px solid red;
margin-right: 10px;
display: inline-block;
}

.block-search{
width:453px;
border: 1px solid red;
display: inline-block;
height: 90px;
}