Sometimes we want a part of a web page to be invisible. There are two ways of doing this.
Items on a web page have a visibility attribute which can take either of the values 'hidden' or 'visible'.
Text with Invisibility Cloak!
An important feature of this attribute is that, whether hidden or visible, the element takes up the same amount of space on the screen.
An alternative pair, which is similar is: display: none | inline | block | inline-block
In this case the 'none' option has the same effect as removing it from the document altogether. The element is not visible on the screen and takes up no space.
The completely disappearing text!