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

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

#1

https://codepen.io/forestfire/pen/XzZRaX?editors=1100


#2

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.


#3

Thanks. It worked:grinning: