space between an inline-block element and a block element

Question

What is that space between these two divs? I even removed the white space in html.

Answer 1

This appears to be caused by the vertical alignment. Where it's set to inline-block, by default the vertical alignment is set to baseline, which is slightly higher raised (probably to account for characters like 'y' and 'g' which dip below the line).

vertical-align of top seems to fix it:

#asd {
  ...
  vertical-align: top;
}

JSFiddle demo.