I asked about this on the mailing list on your behalf; the thread can be found here. In summary, this has to do with scrolling content for the most part: Fundamentally, because if the spec didn’t say this, then having floats intersect with something that’s scrollable would require the browser to rewrap (around intruding floats) … Read more
text-overflow:ellipsis; only works when the following are true: The element’s width must be constrained in px (pixels). Width in % (percentage) won’t work. The element must have overflow:hidden and white-space:nowrap set. The reason you’re having problems here is because the width of your a element isn’t constrained. You do have a width setting, but because … Read more
Basically you have added more clutter in your code which is creating more confusion so first I try to remove clutter which hinders understanding the real issue. First of all we have to establish that what’s the real question? Its that why “inline-block” element is pushed downward. Now we start to understand it and remove … Read more