How to hide Div using CSS?

Answer

To hide Div using CSS, you can set the display style property for the div elements with the value none.

CSS Code

The following is a typical CSS code to hide Div in HTML page using tag name div.

div {
   display: none;
}

Examples

We shall go through some working examples on how to hide Div using CSS. In the following examples, you may change the value of display and Run the code to visually observe the changes made to the Div elements.

Example 1

You may edit the following code, and click on Run button.

Example 2

You may edit the following code, and click on Run button.