如何删除HTML中控件之间的额外空间？

Question

我现在有这个。

http://jsfiddle.net/ef7vh/1/

<div>
   <button>Button1</button>
   <span style="border: solid 1px black; padding: 0px 10px 0px 10px">My Text</span>
   <button>Button2</button>
</div>

如何删除按钮1上的右侧间距和按钮2上的左侧间距，使它们接触中跨？

Answer 1

    button {
    float: left;
    margin: 0;
}

span {
    float: left;
    margin: 0;
}

将是一个（众多）解决方案。

Answer 2

原因是，按钮和span之间有一个空格，是一个按钮具有显示为内联块的显示属性。内联块元素自动添加边距。您必须删除边距，例如通过添加浮动或设置按钮作为内联元素。

Answer 3

输入之间有空格。

查看jsfiddle