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

1. Both will hide the element on the page, but display:none has greater browser support. visibility:hidden is a new property and does not have the best browser support
2. display:none hides the elements but maintains the space it previously occupied. visibility:hidden will hide the element from view and remove it from the normal flow of the document
3. display:none hides the element from view and removes it from the normal flow of the document. visibility:hidden will hide the element but maintains the space it previously occupied.
4. There is no difference; both will hide the element on the page

Answer: The correct answer of the above question is Option C:display:none hides the element from view and removes it from the normal flow of the document. visibility:hidden will hide the element but maintains the space it previously occupied.