In HTML there are 2 ways to hide an element. You can either make it invisible or make it hidden. The difference between a hidden HTML element and an invisible one is the amount of space occupied by the HTML element.
Invisible HTML elements with
You can make an HTML element invisible by adding it a CSS property
This will remove the element completely from the web page, thus making it invisible.
The invisible HTML element won’t take any space in the layout.
Hidden HTML elements with
To make an HTML element hidden, you add a CSS style
Hidden elements don’t show their content on the web page, yet they still occupy the space in the HTML layout.
So, as you see, invisible and hidden elements are quite different. It’s up to you to choose which one works best for the web page you’re building.