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

Correct Answer:

•  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.