如何刪除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> 

你如何去除Button1的右間距和左間距按鈕2所以他們都在觸摸中間的跨度？

Answer 1

button { 
    float: left; 
    margin: 0; 
} 

span { 
    float: left; 
    margin: 0; 
} 

將是其中一個（多個）解決方案。

Answer 2

原因，按鈕和跨度之間有一個空格，是一個按鈕具有顯示爲行內塊的屬性設置。內嵌塊元素會自動添加邊距。您必須刪除頁邊距，例如通過添加浮點或設置按鈕作爲內嵌元素。

Answer 3

輸入之間有空白。

看看jsfiddle