JSFiddle - React, Tailwind, and code Playground

HTML

<div id="searchbar">
    <span class="text"></span>
    <form action="">
        <input class="champ" type="text" placeholder="Search...)"/>
        <input class="bouton" type="button" value=" " />
    </form>
</div>

CSS

#searchbar{
    position:relative;
    width:120px;
    height:auto;
    display:inline-block;
}
#searchbar .text{
    width:300px;
    float:left;    
}
#searchbar .champ{
    width:600px;
    height:35px;
    float:left;
}
#searchbar .bouton{
    background-image: url(images/searchbar_button.png);
    width: 35px;
    height: 35px;
    padding: 0;
    border:none;
    float:left;
}