Only in Firefox in <input type="text"> additional padding appears in 1 pixel to the left and above.

How to remove them?

Example http://jsfiddle.net/SN9vT/

    4 answers 4

    http://jsfiddle.net/SN9vT/2/

     span { display: inline-block; }

      Read here .

        so that all browsers are the same, write down the hard height for all inputs.

        Oh yes, I forgot. Span with class col1 give display: block and float: left. And do not forget to use line-height.

        And then everything will be clear and even =)

        PS indent what? padding or margin? for with a margin I wrote a solution

          So:

           .col1, .col2 {display:inline-block;}