It’s the one whitespace character between the </div>
and the next <div
!
Because of that whitespace, and because our boxes are displayed as inline-block
, the browser renders an actual whitespace in the current font and size between them, and so the smaller box once again breaks to the next "line".