インライン/インラインブロック要素間の空白を削除するにはどうすればよいですか?
<p>これらの <span>span</span> 要素の間には 4 ピクセル幅のスペースがあります: </p>
<pre class="ブラシ:css;ツールバー:false;">スパン {
表示: インラインブロック;
幅: 100ピクセル;
背景色: ペールバイオレット;
}</pre>
<pre class="brush:html;toolbar:false;"><p>
<span> フー </span>
<span> バー </span>
</p></pre>
<p>フィドルのデモ</p>
<p>HTML 内の <span>span</span> 要素の間のスペースを削除することで、このスペースを削除できることはわかっています。
<pre class="brush:html;toolbar:false;"><p>
<span> Foo </span><span> Bar </span>
</p>
</pre>
<p>以下を含まない CSS ソリューションを探しています: </p>
-
<li>HTMLを変更します。 </li>
<li>JavaScript を使用します。 </li>
</ul>
