JSFiddle - React, Tailwind, and code Playground

HTML

<header>
    <div class="col col-left">
        <p>Text text text</p>
    </div>
    <div class="col col-center">
        <p><strong>+7 123456789</strong></p>
    </div>
    <div class="col col-right">
        <form>
            <input type="search" placeholder="Search" />
        </form>
    </div>
</header>

CSS

*{
    padding: 0;
    margin: 0;
}

header{
    width: 600px;
    margin: 0 auto;
    display: table;
    height: 100px;
    background: #000;
    color: #fff;
    font-size: 14px;
    font-family: 'Segoe UI';
}
header .col{
    display: table-cell;
    vertical-align: middle;    
    width: 200px;
}
header .col-center{
    text-align: center;
    font-size: 16px;
    background: #ccc;
}
header .col-right{
    text-align: right;
}