如何摆脱内联元素之间的空白（不保持html在同一行）

Question

  

可能重复：
  How can I eliminate spacing between inline elements in CSS?

如果我有两个并排的按钮，就像这样：

<input type="button">Test1</input>
<input type="button">Test2</input>

即使使用css重置，我也会在它们之间留下一点距离。

我发现它是由空格引起的，如果我有这种格式的html：

<input type="button">Test1</input><input type="button">Test2</input>

一切都按预期工作，没有差距。

如何在不格式化html的情况下摆脱这个恼人的空白区域或否定它的效果？

Answer 1

这很常见：

   <input type="button">Test1</input><!--
--><input type="button">Test2</input>