How to hide HTML DIV using CSS?

You can hide a div using CSS by setting its display property to none. Here is an example:

css
div {
  display: none;
}

This will hide all div elements on your page. If you only want to hide a specific div, you can target it by its class or ID:

css
/* Hide the div with ID "myDiv" */
#myDiv {
  display: none;
}

/* Hide all divs with class "myClass" */
.myClass {
  display: none;
}

Note that setting display: none will completely remove the div from the document flow, so it will not take up any space on the page. If you want to hide the div but keep its space reserved, you can use the visibility property instead:

css
/* Hide the div with ID "myDiv" */
#myDiv {
  visibility: hidden;
}

/* Hide all divs with class "myClass" */
.myClass {
  visibility: hidden;
}

This will hide the div while still leaving its space on the page.