How to eliminate gaps between input and input

How to eliminate gaps between input and input
When I made a website homepage, I encountered a puzzling problem, that is, how to eliminate gaps between adjacent inputs? Html code

<Div class = "search"> <input class = "search-text" type = "text"> <input class = "search-btn" type = "button" value =" search "> </div>

Css code

. Header-search. search. search-text {width: 360px; height: 35px ;}. header-search. search. search-btn {width: 69px; height: 35px; background: # ff8c00 ;}

Actual page Effect

The gap between the text box and the button box tries some solutions before they are solved:

Input {margin: 0; padding: 0; border: 0 ;}

This method does not work !!

Finally get the solution through the http://www.ft-love.com/fix-input-space-input.html article:To ensure that there is no gap between two inputs, the two inputs must be in the same row, and line breaks cannot be used..