I have to divs layouted as display: inline-block. Intentionally, I want these two divs (tileImage, title) to share the 300px width of the parent div (preview). Thus, I have set their width to 50%. For some reason the second div is moved to the next line.

Changing the width of `div` "title" to `48%` will move the div next to the `div` "titleImage". There you notice the space in between. Where does this space come from? How do I get rid of it?

Here is the JFiddle: <http://jsfiddle.net/SFDPe/2/>

Thanks!