CSS inline-block white space

Question

Мне нужно отображать пустое место в встроенном блоке, но вместо пробела я ничего не буду визуализировать. Я не могу понять, где ошибка CSS.

CSS:

.foo { 
    display:inline-block; 
} 

HTML:

<span class="foo">a</span><span class="foo"> </span><span>class="foo">b</span> 

http://jsfiddle.net/q7dtevce/

Answer 1

Чтобы избежать пробельного существа раздробленного или иным образом изменено в элементе, вы можете использовать white-space: pre-wrap.

.foo { 
    display: inline-block; 
    white-space: pre-wrap; 
} 

Updated fiddle

Answer 2

Я считаю, что вам нужно только, чтобы заставить его иметь компоновку, имея разметку изменен следующим образом:

<span class="foo">a</span> 
<span class="foo">&nbsp;</span> 
<span class="foo">b</span> 

увидеть различие, поставить рамку вокруг него, а затем удалить его ( ) , как здесь: http://jsfiddle.net/q7dtevce/4/