I’ve read quite a few links about the problem but i can’t grasp why the following fiddle is the way it is. I maybe missed some point, so my apologies in advance. It hasn’t really been my day.
Here you have this line break which i claim shouldn’t be there, because both the external divs are styled “display: inline”. Why are in the inner divs (set to style “display: block”) affecting the line break?!
The way i see it, the external divs should be on one line and the line break should occur inside the second div. Also, the first div shouldn’t be necessary, since img is inline by default.
Any explanation?
Put
<div style="display: inline">for the 1st div and it will work – http://jsfiddle.net/v7eUN/3/It was
<div style="inline">– just a typo after a hard day, I guess?