从HTML中删除空格

Question

我对HTML解析器和空格有点小问题。

<div class="a">
   <div class="b">Foo</div>
   <div class="b">Bar</div>
</div>

.a { width: 500px; }
.b { width: 50%; display:inline-block; }

我想在同一行显示2个div元素，如下所示：http://jsfiddle.net/m4xkpLsv/

当我在两个div元素之间留有空格时，我的浏览器会在它们之间插入一些空格。

最常用的解决方案是使用HTML注释，删除空格或设置49％的宽度。我不喜欢这些解决方案。

如何修改CSS以显示这些元素？