Presently, I am facing the following scenario.
</p>
<pre>
<div>
<button>Button1</button>
<span style="border: solid 1px black; padding: 0px 10px 0px 10px">My Text</span>
<button>Button2</button>
</div>
</pre>
<p>
Is there a way to eliminate the right spacing on button1 and left spacing on button 2 in order for them to touch the center span?