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

Question

The CSS rules visibility:hidden and display:none both result in the element not being visible. Are these synonyms?

Answer 1

display:none removes the element from the layout flow.

visibility:hidden hides it but leaves the space.