In this code snippet, why is there a gap between the blue and the green div element?

It’s caused by the <h4>'s bottom margin. You can close the gap by setting it to 0, or by setting the bottom padding of the <div> that contains the <h4> to any valid value.

Thanks. It worked:grinning: