JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="header">
        <div class="address">Адрес</div>
        <div class="search"><input type="text"></div>
        <div class="phone">+ 12345667</div>
    </div>
</div>

CSS

.container {
    margin: 0 auto;
    width: 1000px;
}

.header {
    background: #aaa;
    padding: 20px;
}
.header:after {
    clear: both;
    content: '';
    display: block;
}
.address {
    float: left;
}
.search {
    float: right;
}
.phone {
    margin: 0 200px;
    text-align: center;
}