Zeilenumbruch zwischen zwei display:inline-block vermeiden

[dave]

Hi,

hast du eigentlich eine Erklärung dafür warum meine Versuche mit :after und den Unicodezeichen nicht funktionieren?

Und warum sogar bei diesem Code der Umbruch an der falschen stelle ist:

<div class="container">  
    <div class="foobar"></div  
    ><div class="foo"></div  
    >&nbsp;<div class="bar"></div>  
</div>​

.container {  
    width:9em;  
}  
.container div {  
    display:inline-block;  
    width:3em;  
    background:orange;  
    height:2em;  
}  
.container div.foobar {  
    width:6em;  
background:lightblue;  
}​

~dave