Twitter typeahead input and button aligning
<p>I am trying to align my Twitter typeahead autocomplete input and button for a while now, but it keeps looking like this:</p>

<p><a href="http://i.stack.imgur.com/Le009.png" rel="nofollow">Search field</a></p>

<p>As you see: the search button aligns under the searchbar. It looks like the .twitter-typeahead{ width:100%; } is the one that does this, cause when I remove the class it works good. But in that case the autocomplete won't work, unfortunately.</p>

<p>I've tried several things, like the float:left; and change the widths (but that affects the responsive layout). Probably it's just one simple solution, but I'm not a css-expert and i couldn't find anything here on Stackoverflow.</p>

<p>The complete code: <a href="https://jsfiddle.net/u530qvw1/" rel="nofollow">https://jsfiddle.net/u530qvw1/</a></p>

<p><code>.twitter-typeahead {
    width: 100%;
    float: left;
    border:1px solid red;
    vertical-align: middle;
}</code></p>

<p>Thanks in advance.</p>