I can't remove the margin between two input fields

Question

I\'m trying to remove the margin between the search bar and the \"Go!\" button at the top of this page: http://beta.linksku.com/

I\'ve tried removing all styles and

Answer 1

The space you're seeing is the default padding applied to inline elements. Simplest hack? Set font-size: 0 on the form, then reset the actual font-size on the input and button.

Magic.

form {
    font-size: 0;
}

form input {
    font-size: 12px;

Why does this occur? The browser interprets the whitespace between the inputs as a textual space, and renders accordingly. You can also smush all your elements together on one line, but that's ugly code soup.