html - 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

ボタンとスパンの間にスペースがあるのは、ボタンがインラインブロックとして表示のプロパティを設定しているためです。インライン ブロック要素には、マージンが自動的に追加されます。たとえば、フロートを追加したり、ボタンをインライン要素として設定したりして、マージンを削除する必要があります。

Answer 2

    button {
    float: left;
    margin: 0;
}

span {
    float: left;
    margin: 0;
}

（多くの）ソリューションの1つになります。