JSFiddle - React, Tailwind, and code Playground

by happierall

HTML

<div id="container">
    <div id="logo"><img src="http://jsfiddle.net/img/logo.png" alt=""></div>
    <div id="search"><input type="text"></div>
    <div id="user">Я становлю намногоооо длиньше</div>
</div>

CSS

#container {
    display: table;
    width: 500px;
    height: 50px;
    background-color: blue;    
}

#container div {
    display: table-cell;
    margin-left: 5px;
    background-color: red;
    height: 30px;
    text-align: center;
    vertical-align: middle;
}
#logo {
    width: 33px;
}
input {
    display: table-cell;
}