Removed elements still occupy space. Why?

Question

I have made a program
https://code.sololearn.com/WIlKNDFPOMs3/?ref=app
in which even after removing the elements(by clicking the × button) using jQuery, the space around them (possibly it is the space of margin-bottom) still persists.

Answer 1

The problem is <br />, remove them and increase margin-bottom if you need more space between the alerts.

https://code.sololearn.com/W6z2sGBKkmFS/#html

Answer 2

They both are in two different divs. Clicking on X, makes display as none.So that element will be removed from the DOM and space will be allocated.

Answer 3

Damn it was that easy...
ODLNT thank you so much and paperinflames thanks for your help too ^^