What Is the Difference Between "Display: None" and "Visibility: Hidden

Multiple Choice

What is the difference between "display: none" and "visibility: hidden"?

A) The "display: none" rule removes the element from the DOM. The "visibility: hidden" rule leaves the element in the DOM.
B) The "display: none" rule leaves the element in the DOM. The "visibility: hidden" rule removes the element from the DOM.
C) The "display: none" rule removes the space used by the element from the page. The "visibility: hidden" rule reserves space on the page for the element.
D) The "display: none" rule reserves space on the page for the element. The "visibility: hidden" rule removes the space used by the element from the page.