This question pertains to how we can hide elements in CSS. While visibility:hidden, display:none and opacity:0 can all hide elements, they do so in different ways: visibility:hidden makes the element invisible, but the element still occupies space in the layout. display:none removes the element entirely from the document. It does not take up any space, even though the HTML for it is still in the source code. opacity:0 makes the element invisible but still occupies space and interacts with the cursor.