JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <button type="button" class="new_button cell">Create New</button>
    <div class="search_bar">
        <form name="input" action="" method="post">
            <div class="cell">Search:</div>
            <div class="large cell">
                <input type="text" name="search_campaign" class="search_input"></input>
            </div>
            <div class="cell">
                <input type="submit" value="Submit"></input>
            </div>
        </form>
    </div>
</div>

CSS

.wrapper {
    background-color: #cccccc;
    width: 100%;
    height: 50px;
    display: table;
}
.new_button {
    float: left;
    min-width: 120px;
}
.search_bar {
    display: table-cell;
    width: 100%;
}
.cell {
    display: table-cell;
    vertical-align: middle;
}
.large {
    width: 100%;
}
.search_input {
    width: 100%;
}