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.